usable range
process
cms
portal
example
//可以在脚本中获取该组件
//方法1：
var input = this.form.get("name"); //获取组件
//方法2
var input = this.target; //在组件事件脚本中获取source
members
jsonjsonobject
组件的配置信息，同时也是vue组件的data。
type
-
jsonobject
example
//可以在脚本中获取此对象，下面两行代码是等价的，它们获取的是同一个对象
var json = this.form.get("elinput").json; //获取组件的json对象
var json = this.form.get("elinput").vm.$data; //获取vue组件的data数据，
//通过json对象操作element组件
json.size = "mini"; //改变输入框大小
json.disabled = true; //设置输入框为禁用source
nodeelement
组件的节点，mootools封装过的dom对象，可以直接使用原生的js和moootools方法访问和操作该对象。
type
-
element
example
//可以在脚本中获取该组件
var field = this.form.get("fieldid"); //获取组件对象
field.node.setstyle("font-size","12px"); //给节点设置样式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
validate(routenameopt) → {boolean}
summary
根据组件的校验设置进行校验。
parameters
-
routename
string
可选，路由名称.
inherited from
returns
-
boolean是否通过校验
example
if( !this.form.get('fieldid').validate() ){
return false;
}
source
getsource(typeopt) → {source|subsource|subsourceitem}
当前组件在数据源组件中时，可以通过此方法获取所在的上级数据源/子数据源/子数项组件.
parameters
-
type
string
需要获取的类型，"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
需要获取的组件类型。 如果该参数省略，则获取离当前组件最近的祖先组件。type有效值如下：
form- 表单common- 通用组件datatable- 数据表格datatableline- 数据表格行datatemplate- 数据模板datatemplateline- 数据模板行div- 容器组件elcommon- element通用组件elcontainer- element容器组件subform- 子表单source- 数据源组件subsource- 子数据源subsourceitem- 子数据项组件tab- 分页组件tabpage- 分页组件的某个分页table- 表格tabletd- 单元格widget- 部件 -
validatefunction
function
进一步校验，参数为获取到匹配到类型的组件，返回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
events
change
当 input失去焦点且值有修改是触发，或点击建议面板的选项后且值有修改时触发。this.event[0]为组件值
see
select
点击建议面板的选项后时触发。this.event[0]为选中的选项
see
queryload
组件加载前触发。queryload执行的时候，当前组件没有在form里注册，通过this.form.get("fieldid")不能获取到当前组件，需要用this.target获取。
postload
组件加载后触发.
load
组件加载后触发.