getAllSectionData() → {Object}

Summary

当数据模板设置为区段合并展现、区段合并编辑时，可以使用本方法获取所有区段数据。

Returns

• Object

  对象.

Example

var data = this.form.get("fieldId").getAllSectionData();
//data格式如下：
{
 	"3455b82a-399c-4ee4-b9b9-e70ae40fbaf1": [ //区段1的key和data
			{
				"good": "yf",
				"number_2": 11,
				"prize": 1
			}
		],
 	"83de86fc-60bc-4b4c-955c-1085915865a4": [ //区段2的key和data
 		{
 			"good": "yf",
 			"number_2": 11,
 			"prize": 10
 		}
 	]
 }

Source

• x_component_process_Xform/Datatemplate.js, line 522

setData(data)

Summary

为数据模板赋值。

Parameters

• data DatatemplateData | Promise | Array

  必选，数组或Promise.

Examples

this.form.get("fieldId").setData([]); //赋空值

//如果无法确定表单上是否有组件，需要判断
 if( this.form.get('fieldId') ){ //判断表单是否有无对应组件
     this.form.get('fieldId').setData( data );
 }else{
     this.data['fieldId'] = data;
 }

//使用Promise
 var field = this.form.get("fieldId");
 var promise = new Promise(function(resolve, reject){ //发起异步请求
   var oReq = new XMLHttpRequest();
   oReq.addEventListener("load", function(){ //绑定load事件
     resolve(oReq.responseText);
   });
   oReq.open("GET", "/data.json"); //假设数据存放在data.json
   oReq.send();
 });
 promise.then( function(){
   var data = field.getData(); //此时由于异步请求已经执行完毕，getData方法获得data.json的值
})
 field.setData( promise );

Source

• x_component_process_Xform/Datatemplate.js, line 1163

setAllSectionData(data, fireChange)

Summary

当数据模板设置为区段合并展现、区段合并编辑时，可以使用本方法设置所有区段数据。

Parameters

• data Object

  必选，对象.

• fireChange boolean

  可选，是否触发change事件，默认false.

Examples

this.form.get("fieldId").setAllSectionData({}); //赋空值

this.data['fieldId'].setAllSectionData({
 	"3455b82a-399c-4ee4-b9b9-e70ae40fbaf1": [ //区段1的key和data
			{
				"good": "yf",
				"number_2": 11,
				"prize": 1
			}
		],
 	"83de86fc-60bc-4b4c-955c-1085915865a4": [ //区段2的key和data
 		{
 			"good": "yf",
 			"number_2": 11,
 			"prize": 10
 		}
 	]
 });

Source

• x_component_process_Xform/Datatemplate.js, line 1253

isEmpty() → {Boolean}

Summary

判断数据模板是否为空.

Returns

• Boolean

  是否为空

Example

if( this.form.get('fieldId').isEmpty() ){
    this.form.notice('至少需要添加一条数据', 'warn');
}

Source

• x_component_process_Xform/Datatemplate.js, line 1392

getLine(index) → {MWF.xApplication.process.Xform.Datatemplate.Line|Null}

Parameters

• index Number

  条目序号，从零开始

Returns

• MWF.xApplication.process.Xform.Datatemplate.Line Null

  对应的数据模板条目

Example

//获取数据模板“dt1”的第一个条目。
var line = this.form.get("dt1").getLine(0);
//获取第一个条目subject字段的值
var data = line.get("subject").getData();
//设置subject字段的值
line.get("subject").setData("test1");

Source

• x_component_process_Xform/Datatemplate.js, line 1416

addLine(dataopt) → {MWF.xApplication.process.Xform.Datatemplate.Line}

Parameters

• data Object <optional>
  

  添加条目的数据。

Returns

• MWF.xApplication.process.Xform.Datatemplate.Line

  添加的数据模板条目

Example

var line = this.form.get("dt1").addLine();

Source

• x_component_process_Xform/Datatemplate.js, line 1427

insertLine(index, dataopt) → {MWF.xApplication.process.Xform.Datatemplate.Line|Null}

Parameters

• index Number

  条目序号，从零开始，如果下标超过当前数据模板条目数，插入失败并返回null。

• data Object <optional>
  

  添加条目的数据。

Returns

• MWF.xApplication.process.Xform.Datatemplate.Line Null

  插入的数据模板条目

Example

var line = this.form.get("dt1").insertLine(0);

Source

• x_component_process_Xform/Datatemplate.js, line 1438

deleteLine(index)

Parameters

• index Number

  条目序号，从零开始，如果下标超过当前数据模板条目数，删除失败。

Example

//直接删除第一个条目
this.form.get("dt1").deleteLine(0);

Source

• x_component_process_Xform/Datatemplate.js, line 1448

getModule(index, id) → {FormComponent}

Parameters

• index Number

  条目序号，从零开始

• id String

  组件标识

Returns

• FormComponent

  对应表单组件

Example

//获取数据模板“dt1”的第一个条目的subject字段。
var module = this.form.get("dt1").getModule(0, "subject");
//获取subject字段的值
var data = module.getData();
//设置subject字段的值
module.setData("test1");

Source

• x_component_process_Xform/Datatemplate.js, line 1470

get(index, id) → {FormComponent}

Parameters

• index Number

  条目序号，从零开始

• id String

  组件标识

Returns

• FormComponent

  对应表单组件

Example

//获取数据模板“dt1”的第一个条目的subject字段。
var module = this.form.get("dt1").get(0, "subject");
//获取subject字段的值
var data = module.getData();
//设置subject字段的值
module.setData("test1");

Source

• x_component_process_Xform/Datatemplate.js, line 1488

getData() → {DatatemplateData}

Summary

获取数据模板数据.

Returns

• DatatemplateData

Examples

var data = this.form.get('fieldId').getData();

//如果无法确定表单上是否有组件，需要判断
 var data;
 if( this.form.get('fieldId') ){ //判断表单是否有无对应组件
     data = this.form.get('fieldId').getData();
 }else{
     data = this.data['fieldId']; //直接从数据中获取字段值
 }
 

//使用Promise
 var field = this.form.get("fieldId");
 var promise = new Promise(function(resolve, reject){ //发起异步请求
   var oReq = new XMLHttpRequest();
   oReq.addEventListener("load", function(){ //绑定load事件
     resolve(oReq.responseText);
   });
   oReq.open("GET", "/data.json"); //假设数据存放在data.json
   oReq.send();
 });
 promise.then( function(){
   var data = field.getData(); //此时由于异步请求已经执行完毕，getData方法获得data.json的值
})
 field.setData( promise );

Source

• x_component_process_Xform/Datatemplate.js, line 1529

validate(routeNameopt) → {Boolean}

Summary

根据组件的校验设置进行校验。

Parameters

• routeName String <optional>
  

  可选，路由名称.

Returns

• Boolean

  是否通过校验

Example

if( !this.form.get('fieldId').validate() ){
     return false;
 }
 

Source

• x_component_process_Xform/$Module.js, line 92

getSource(typeopt) → {Source|SubSource|SubSourceItem}

Parameters

• type String <optional>
  

  需要获取的类型，"source"为表示数据源,"subSource"表示子数据源,"subSourceItem"表示子数据项组件。 如果该参数省略，则获取离当前组件最近的上述组件。

Returns

• Source SubSource SubSourceItem

  。

Example

var source = this.target.getSource(); //获取当前组件的所在子上级数据源/子数据源/子数项组件.
var data = source.data; //获取数据

var source = this.form.get("fieldId").getSource("source"); //获取数据源组件
var data = source.data; //获取数据

Source

• x_component_process_Xform/$Module.js, line 140

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返回该组件。

Returns

• MWF.xApplication.process.Xform.$Module

  。

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

• x_component_process_Xform/$Module.js, line 193

hide()

Summary

隐藏组件.

Example

this.form.get("fieldId").hide(); //隐藏组件

Source

• x_component_process_Xform/$Module.js, line 460

show()

Summary

显示组件.

Example

this.form.get("fieldId").show(); //显示组件

Source

• x_component_process_Xform/$Module.js, line 471