Usable Range
Process
CMS
Portal
Example
//可以在脚本中获取该组件
//方法1：
var view = this.form.get("fieldId"); //获取组件
//方法2
var view = this.target; //在组件本身的脚本中获取Source
Members
viewMWF.xApplication.query.Query.Viewer
view组件，平台使用该组件实现视图的功能
Type
Example
//可以在脚本中获取该组件
var view = this.form.get("fieldId").view; //获取组件对象Source
nodeElement
组件的节点，mootools封装过的Dom对象，可以直接使用原生的js和moootools方法访问和操作该对象。
Type
-
Element
Inherited From
See
Example
//可以在脚本中获取该组件
var field = this.form.get("fieldId"); //获取组件对象
field.node.setStyle("font-size","12px"); //给节点设置样式Source
jsonJsonObject
组件的配置信息，比如id,类型,是否只读等等。可以在组件的queryLoad事件里修改该配置来对组件做一些改变。
Type
-
JsonObject
Inherited From
Example
//可以在脚本中获取该组件
var json = this.form.get("fieldId").json; //获取组件对象
var id = json.id; //获取组件的id
var type = json.type; //获取组件的类型，如Textfield 为文本输入组件，Select为下拉组件
//在组件queryLoad事件里设置组件只读。
//当前组件的queryLoad事件运行时还没有在form里注册，通过this.form.get("fieldId")不能获取到当前组件，需要用this.target获取。
var json = this.target.json;
json.isReadonly = true; //设置组件为只读。Source
formMWF.xApplication.process.Xform.Form
组件的所在表单对象.
Type
Inherited From
Example
var form = this.form.get("fieldId").form; //获取组件所在表单对象
var container = form.container; //获取表单容器Source
parentLineMWF.xApplication.process.Xform.Datatemplate.Line|MWF.xApplication.process.Xform.DatatablePC.Line|MWF.xApplication.process.Xform.DatatableMobile.Line
当前组件在数据表格或者数据模板中时，可以通过此属性获取所在行（条目）对象.
Type
-
MWF.xApplication.process.Xform.Datatemplate.Line|MWF.xApplication.process.Xform.DatatablePC.Line|MWF.xApplication.process.Xform.DatatableMobile.Line
Inherited From
Example
//获取当前组件所在数据模板/数据表格的行（条目）对象
var line = this.target.parentLine;
//获取当前字段所在行下标
var index = line.getIndex();
//获取当前字段所在条目的subject字段的值
var data = line.getModule("subject").getData();
//设置当前字段所在条目的subject字段的值
line.getModule("subject").setData("test1");Source
Methods
reload(callback)
Summary
重新加载视图
Parameters
-
callback
function刷新后的回调.
Example
this.form.get("fieldId").reload()Source
active()
Summary
当视图被设置为延迟加载（未立即载入），通过active方法激活
Example
this.form.get("fieldId").active()Source
getData() → {Array.<Object>}
Summary
获取视图被选中行的数据
Returns
-
Array.<Object>被选中行的数据
Example
var data = this.form.get("fieldId").getData();Source
validate(routeNameopt) → {Boolean}
Summary
根据组件的校验设置进行校验。
Parameters
-
routeName
String<optional>
可选，路由名称.
Inherited From
Returns
-
Boolean是否通过校验
Example
if( !this.form.get('fieldId').validate() ){
return false;
}
Source
getSource(typeopt) → {Source|SubSource|SubSourceItem}
当前组件在数据源组件中时，可以通过此方法获取所在的上级数据源/子数据源/子数项组件.
Parameters
-
type
String<optional>
需要获取的类型，"source"为表示数据源,"subSource"表示子数据源,"subSourceItem"表示子数据项组件。 如果该参数省略，则获取离当前组件最近的上述组件。
Inherited From
Returns
-
SourceSubSourceSubSourceItem。
Example
var source = this.target.getSource(); //获取当前组件的所在子上级数据源/子数据源/子数项组件.
var data = source.data; //获取数据
var source = this.form.get("fieldId").getSource("source"); //获取数据源组件
var data = source.data; //获取数据Source
getParentModule(typeopt, validateFunctionopt) → {MWF.xApplication.process.Xform.$Module}
获取当前组件所在的祖先组件.
Parameters
-
type
String<optional>
需要获取的组件类型。 如果该参数省略，则获取离当前组件最近的祖先组件。type有效值如下：
form- 表单common- 通用组件datatable- 数据表格datatableline- 数据表格行datatemplate- 数据模板datatemplateline- 数据模板行div- 容器组件elcommon- Element通用组件elcontainer- Element容器组件subform- 子表单source- 数据源组件subsource- 子数据源subsourceitem- 子数据项组件tab- 分页组件tabpage- 分页组件的某个分页table- 表格tabletd- 单元格widget- 部件 -
validateFunction
function<optional>
进一步校验，参数为获取到匹配到类型的组件，返回false继续往上取对应类型的组件，返回true返回该组件。
Inherited From
Returns
Example
var module = this.target.getParentModule(); //获取最近的祖先。
var datatemplateLine = this.target.getParentModule("datatemplateline"); //获取当前组件所在的数据模板行.
var module = this.target.getParentModule(null, function(module){
return module.json.id === "div_1";
}); //获取当前组件id为div_1的父组件。Source
hide()
Summary
隐藏组件.
Inherited From
Example
this.form.get("fieldId").hide(); //隐藏组件Source
show()
Summary
显示组件.
Inherited From
Example
this.form.get("fieldId").show(); //显示组件Source
_isIntegerString(str) → {boolean}
判断一个字符串是否可以转换为一个整数
Parameters
-
str
string
Inherited From
Returns
-
boolean
Source
addRelatedDisplay(pathopt, cbopt)
给当前组件增加一个显示关联数据，当这个数据改变时，刷新当前组件的可见状态.
Parameters
-
path
String|Array.<String><optional>
要关联的数据路径。
-
cb
function<optional>
提供一个返回布尔值的函数，用于检查当前组件是否可显示，返回true表示当前组件可见，返回false则隐藏当前组件
Inherited From
Example
//在组件的load事件中，添加下面的代码：
this.target.addRelatedDisplay('dataType', ()=>{
return this.data.dataType==='1'
});
//加入以上代码后，只要 “dataType” 的值改变，就会检查当前组件是否隐藏或显示。当 dataType 值为 “1” 时，当前组件显示，否则隐藏当前组件。Source
addRelatedValue(pathopt, cbopt)
给当前组件增加一个值关联数据，当这个数据改变时，刷新当前组件的值.
Parameters
-
path
String|Array.<String><optional>
要关联的数据路径。
-
cb
function<optional>
提供一个函数，当关联数据发生改变时，执行此函数，返回的值更新为当前组件的值。
Inherited From
Example
//在field类的组件（如文本框）的load事件中，添加下面的代码：
this.target.addRelatedValue(['price', 'count'], ()=>{
return this.data.price * this.data.count;
});
//加入以上代码后，只要 price 或 count 的值改变，就会计算当前组件的值，其值是 price 乘以 count。Source
Events
beforeLoadView
视图参数（options）已经准备好，还未加载视图时执行。可以通过this.event得到视图参数，并可修改this.event修改视图的加载。
See
loadViewLayout
视图设计已经获取，容器也已经准备好。可以通过this.event得到视图参数，并可修改this.event修改视图的加载。
See
loadView
异步加载视图后执行。
See
select
选中视图中的一条记录后执行。
See
unselect
取消选中视图中的一条记录后执行。
queryLoad
组件加载前触发。queryLoad执行的时候，当前组件没有在form里注册，通过this.form.get("fieldId")不能获取到当前组件，需要用this.target获取。
postLoad
组件加载后触发.
load
组件加载后触发.