页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。


无背景色测试补充完用例场景黄色为开发新增脚本存在问题脚本删除脚本,增加删除线和字体颜色

单对象控件


控件名称主要配置项说明内部函数支持脚本示例说明
1
标签

文本标签



1setValue
2getValue
3
getFormName
getFormName 获取当前控件的目标属性
4

setBadge(content)设置徽标内容

5

getDisplayValue()

获取控件显示值



...

setDisplayType()

getFormName()

getValue()

setValue()

freshData()

...

args.needTitle               // 显示标题

args.titleText                 // 标题文本

args.needSubtitle        // 显示副标题

args.needMark            // 显示水印

args.selfCalendarDate    // 日期范围

args.actColor               // 主题色

targetTimeStamp        // 选中日期的时间戳

targetDate                   // 选中日期

...

setDisplayType()

getFormName()

...

args.treeList                 // 树选择全部数据

args.rootQuery            // 根节点查询条件

args.childrenQuery     //  子节点查询条件

args.multiSwitch         // 是否多选 ↓

需配合多选:args.activeIds = []

单选:args.activeIds = 0

args.activeIds             // 当前选中导航

args.activeIndex        // 当前选中项

...

setDisplayType()

getFormName() 移除

getSelected()

freshData()

getAll()

布局

...

args.tabs              // 标签页全部数据

args.border         // 边框

args.title_fontColor  //  标题字体颜色

...

setDisplayType()

setInheritStyle();//使颜色设置生效

...

可视化

...

freshData

setValue
getValue
setDisplayType

编码扩展

控件名称主要配置项说明内部函数支持1超级控件freshData()2自定义可视化

getSelected()

freshData()
ID内部函数支持
1
2342按钮

setBadge(content)     //设置徽标内容

setDisable()    设置按钮禁用

3日期框

args.minDate          选择的最小日期

args.maxDate         选择的最大日期

setValue
getValue
setDisplayType4文本框

args.showWordLimit     显示字数统计

args.maxLength            最大长度

setValue
getValue
setDisplayType5数字框setValue
getValue
setDisplayType6单选框

setValue
getValue
setDisplayType

getDisplayValue()     获取选择的显示的值

7复选框

setValue
getValue
setDisplayType

getDisplayValue()    获取选择的显示的值

8选择框

setValue
getValue
setDisplayType

getDisplayValue() 获取显示的显示的值

9开关setValue
getValue
setDisplayType10文件上传

setValue

    三种状态下,调用脚本setvalue都会显示对应的控件状态
getValue
setDisplayType

freshData(url)    

    单文件展示的时候,外部脚本更新图片类型附件file值 ,仅在edit 和 visit下起作用

11单元格

a

args.titleContent     左侧内容
args.description     描述内容
1setValue    设置右边内容部分
2getValue    获取右边内容部分
3setDisplayType
ID内部函数支持主要配置项说明112步进器

args.max    最大值

args.min     最小值

args.step    步长

setValue
getValue
setDisplayType13嵌入网页url      // 链接地址

getFormName

setDisplayType

14位置标记

args.mapFlag                  //  默认显示地图  0409移除

args.viewZoom               //  视野级别

args.returnType             //  回填内容形式

args.selfPointUrl           //  自定义图片地址

args.selfPointWidth      //  自定义图片宽度

args.selfPointHeight      //  自定义图片高度

getValue()

setValue()

setDisplayType()

getFormName()

多对象控件

...

args.stepList              // 步骤条全部数据

args.inactStepIcon    //  默认图标

args.actStepIcon      //  激活图标

args.actStepColor    //  激活颜色

...

setDisplayType()

getFormName()

getValue()

setValue()

setTimeIndex(ind)      //  @params ind: type Number  适用于未绑定任何属性自定义步骤条内容 脚本指定激活位置

...

args.scrollable 单条消息展示的时候,是否横向滚动

args.wrapable 关闭横向滚动的时候,可以选择换行展示消息

...

getParentAddin

updateShow

getSelected

getAll

setDisplayType

freshData

getAddinById

getRootAddin

freshObj(res)

...

setRowData
getRowData
deleteRowData
updateRowData
getDefaultColumnDef
getAll
getPageInfo
getSelected
setPageInfo
setDisplayType

freshData

...

args.stepList              // 步骤条全部数据

args.stepTitle                // 标题

args.stepNote              // 描述   Type: String

args.stepTitle              // 标题    Type: Array

args.inactStepIcon    //  默认图标

args.actStepIcon      //  激活图标

args.actStepColor    //  激活颜色

args.actStepIndex    //  激活位置

setDisplayType()

getFormName()

setTimeIndex(ind)      //  @params ind: type Number  脚本指定激活位置

freshData()

...

args.menuList              // 下拉菜单全部数据

args.actMenuColor    //  选中颜色

args.menuDirection   //  菜单方向

menuValue                 //  当前选中菜单项名称

...

setDisplayType()

getFormName()

...

args.cardList                 // 商品卡片全部数据

args.bindTargetClass   // 目标类

args.titleAttr                  // 商品标题

args.discribeAttr           // 商品描述

args.imgAttr                  // 商品图片

args.priceAttr                // 商品价格

args.numAttr                 // 商品数量

args.tagAttr                  // 商品标签

args.extagAttr              // 商品标识

...

setDisplayType()

getFormName()

getSelected()

freshData()

getAll()   // 0409的下个release版本支持

...

args.swipeList                 // 轮播全部数据

args.autoPlayTimer        // 轮播间隔

args.needLoop               // 循环播放

...

setDisplayType()

getFormName()

swipePrev()           // 切换到上一张轮播

swipeNext()           // 切换到下一张轮播

swipeToIndex(num)      // 切换到指定位置轮播     @params num  type: Number

...

args.needLogo               // 显示LOGO

args.logoUrl                   // LOGO地址

args.logoSize                 // LOGO比例

args.logoRadius             // LOGO圆角大小

args.logoBackColor       // LOGO背景颜色

codeStr                          //  二维码字符串

var label1 = this.getAddinById("Label1");
label1.setValue("标签")

2var label1 = this.getAddinById("Label1");
label1.getValue()
3

var label1 = this.getAddinById("Label1");
console.log("标签getFormName:",label1.getFormName());

4

var lable = this.getAddinById("Label1");
lable.setBadge(6);

5

var label =this.getAddinById('Label1');

label.getDisplayValue();


2按钮


1

setBadge(content)     //设置徽标内容

2setDisable()    设置按钮禁用
3

setDisplayType(type)

设置控件的数据显示状态



ID内部函数支持
1

varOperation1 =this.getAddinById("Operation1");
Operation1.setBadge("上海");

2

varOperation1 =this.getAddinById("Operation1");

//开启按钮

Operation1.setDisable(true);

//禁用按钮

//Operation1.setDisable(false);

3

//type可以是create、visit、edit

var type = "visit";

var opr =this.getAddinById('Operation1');

opr.setDisplayType(type);


3日期框

args.minDate          选择的最小日期

args.maxDate         选择的最大日期

setValue
getValue
setDisplayType


ID内部函数支持配置项说明
1

var DateInput1 =this.getAddinById('DateInput1');
DateInput1.setValue('2021-01-03');

var DateInput1 =this.getAddinById('DateInput1');

DateInput1.args.minDate =new Date('2021-01-01');

2

var DateInput1 =this.getAddinById('DateInput1');

DateInput1.getValue();

var DateInput1 =this.getAddinById('DateInput1');

DateInput1.args.maxDate =new Date('2021-12-03');

3

var DateInput1 = this.getAddinById("DateInput1");
DateInput1.setDisplayType("visit");



4文本框

args.showWordLimit     显示字数统计

args.maxLength           

//最大长度

setValue
getValue
setDisplayType


ID内部函数支持配置项说明
1

var TextInput1=this.getAddinById('TextInput1');

TextInput1.setValue('https://www.bilibili.com/bangumi/play/ss34276?t=355');

var TextInput1=this.getAddinById('TextInput1');

TextInput1.args.showWordLimit=true;

2

var TextInput1=this.getAddinById('TextInput1');

TextInput1.getValue();

var TextInput1=this.getAddinById('TextInput1');

TextInput1.args.maxLength =20;

3

varTextInput1 = this.getAddinById("TextInput1");
TextInput1.setDisplayType("visit");



5数字框
setValue
getValue
setDisplayType


ID内部函数支持
1

var NumberInput1=this.getAddinById('NumberInput1');

NumberInput1.setValue(23);

2

var NumberInput1=this.getAddinById('NumberInput1');

NumberInput1.getValue();

3

var NumberInput1=this.getAddinById('NumberInput1');

NumberInput1.setDisplayType("visit");


6单选框


1setValue
2getValue
3setDisplayType
4getDisplayValue()     获取选择的显示的值



ID内部函数支持
1

var radioButton1= this.getAddinById("RadioButton1");
radioButton1.setValue("男")

2var radioButton1= this.getAddinById("RadioButton1");
radioButton1.getValue()
3

var type = "visit"

var radioButton1 = this.getAddinById("RadioButton1");
radioButton1.setDisplayType(type);

4var radioButton1 = this.getAddinById("RadioButton1");
console.log("单选框1getDisplayValue():",radioButton1.getDisplayValue());


7复选框



1setValue
2getValue
3setDisplayType
4getDisplayValue()     获取选择的显示的值



ID内部函数支持
1var checkBox1  = this.getAddinById("CheckBox1");
checkBox1  .setValue("复选框")
2var checkBox1this.getAddinById("CheckBox1");
checkBox1 .getValue()
3

var type = "visit"

var checkBox1 = this.getAddinById("CheckBox1");
checkBox1.setDisplayType(type);

4var checkBox1 = this.getAddinById("CheckBox1");
console.log("复选框1getDisplayValue():",checkBox1.getDisplayValue());


8选择框



1setValue
2getValue
3setDisplayType
4getDisplayValue()     获取选择的显示的值
5

getFormName()

获取控件的目标属性

6

setOption(listopt)

选择框选项列表赋值

7

showPicker()

唤起选项列表选项弹窗, 在只读、浏览态表单或者开启搜索时无效



ID内部函数支持
1var selectInput1this.getAddinById("SelectInput1");
selectInput1.setValue("选择框")
2var selectInput1this.getAddinById("SelectInput1");
selectInput1.getValue()
3

var type = "visit"

var selectInput1this.getAddinById("SelectInput1");
selectInput1.setDisplayType(type);

4var selectInput1this.getAddinById("SelectInput1");
selectInput1.log("选择框1getDisplayValue():",selectInput1.getDisplayValue());
5

var selectInputName =this.getAddinById('SelectInput1').getFormName();

console.log(selectInputName);

6

var selectInput =this.getAddinById('SelectInput1');

selectInput.setOption([{'value':'1','label':"男"},{'value':'0','label':"女"}]);

7var selectInput =this.getAddinById('SelectInput1'); selectInput.showPicker(list);


9开关




1setValue
2getValue
3setDisplayType



ID内部函数支持
1var switch1this.getAddinById("Switch1");
switch1.setValue("开关")
2var switch1this.getAddinById("Switch1");
switch1.getValue()
3

var type = "visit"

var switch1this.getAddinById("Switch1");
switch1.setDisplayType(type);


10文件上传


1

setValue

    三种状态下,调用脚本setvalue都会显示对应的控件状态

2getValue
3setDisplayType
4

freshData(url)    

    单文件展示的时候,外部脚本更新图片类型附件file值 ,仅在edit 和 visit下起作用

5

getBase64()

获取图片文件Base64的值

6

getFormName()

获取目标控件当前绑定的目标属性



ID内部函数支持
1var attachments1 = this.getAddinById("Attachments1");
attachments1 .setValue("文件上传")
2var attachments1 = this.getAddinById("Attachments1");
attachments1 .getValue()
3

var type = "visit"

var attachments1 = this.getAddinById("Attachments1");
attachments1.setDisplayType(type);

4

var file = this.getAddinById("Attachments1");
file.freshData("http://192.168.31.84:9090/dwf/v1/omf/classes/order/objects/E7C93B831DC3504484C8371731A8A8B1/attributes/fileL/bytes?attachment=true&r=0.390784929434286");

5var attachMents =this.getAddinById('Attachments1'); attachMents.getBase64();
6var attachmentsName =this.getAddinById('Attachments1').getFormName(); console.log(attachmentsName);


11单元格


1args.titleContent     左侧内容
2args.description     描述内容



1setValue    设置右边内容部分
2getValue    获取右边内容部分
3setDisplayType



ID内部函数支持主要配置项说明
1

debugger;
var select = this.getAddinById('Cell1');
select.setValue('上海市');
var custid= select.getValue();
console.log('打印custid', custid);

debugger;
var select = this.getAddinById('Cell1');
select.args.titleContent ='左侧内容';
console.log('Cell1',select);

2

debugger;
var Cell1 = this.GetAddinById("Cell1");
var Label1 = this.getAddinById("Label1");
Cell1.setDisplayType("edit");
Label1.setValue("单元格"+Cell1.t_edit);
this.msgbox.success("单元格"+Cell1.t_edit)

debugger;
var
 select1 = this.getAddinById('Cell1');

select1.args.description ='描述内容';
console.log('Cell11',select1);


12步进器

args.max    最大值

args.min     最小值

args.step    步长

setValue
getValue
setDisplayType


ID内部函数支持

主要配置项说明

1

var Stepper1=this.getAddinById('Stepper1');

Stepper1.setValue('567');

var Stepper1=this.getAddinById('Stepper1');

Stepper1.args.max =20

2

var Stepper1=this.getAddinById('Stepper1');

Stepper1.getValue();

var Stepper1=this.getAddinById('Stepper1');

Stepper1.args.min =10

3

var Stepper1=this.getAddinById('Stepper1');

Stepper1.setDisplayType("visit");

var Stepper1=this.getAddinById('Stepper1');

Stepper1.args.step =2


13嵌入网页


1url      // 链接地址



1getFormName//网页没有目标属性,此方法无效,用例中没有加入
2setDisplayType



ID主要配置项说明内部函数支持
1

var net = this.getAddinById("Iframe1")
console.log(net.url);
net.url='http://www.baidu.com'
console.log(net.url);

var iframe1 = this.getAddinById("Iframe1");

console.log("网页getFormName:",iframe1.getFormName());
2

var type = "visit"

var iframe1 = this.getAddinById("Iframe1");
iframe1 .setDisplayType(type);


14位置标记

args.mapFlag                  //  默认显示地图  0409移除

args.viewZoom       //  视野级别
args.returnType      //  回填内容形式
args.selfPointUrl    //  自定义图片地址
args.selfPointWidth     //  自定义图片宽度
args.selfPointHeight     //  自定义图片高度



1getValue()
2setValue()
3setDisplayType()
4getFormName()



ID内部函数支持主要配置项说明
1

debugger;
var Table1 = this.GetAddinById("MapPoint1");
var Label1 = this.getAddinById("Label1");
Table1.setDisplayType("edit");
Label1.setValue("位置标记"+Table1.t_edit);
this.msgbox.success("位置标记"+Table1.t_edit)
console.log("位置标记setDisplayType:"+Table1.t_edit)
debugger;
var MapPoint1 = this.getAddinById("MapPoint1");
console.log("位置标记getFormName:",MapPoint1.getFormName());

debugger;
var select1 = this.getAddinById('MapPoint1');
if(select1.map == null) {
    select1.args.viewZoom = 20;  
else {
    select1.args.viewZoom = 20
    select1.initMap();
}



2

debugger;
let mySelect = this.getAddinById('MapPoint1');
let result = mySelect.getValue();//获取界面显示值value
console.log('位置标记getValue', result);
this.msgbox.success(result);

debugger;
var select1 = this.getAddinById('MapPoint1');
select1.args.returnType = "位置"

3

debugger;
var select = this.getAddinById('MapPoint1');
select.setValue('上海市');
var custid= select.getValue();
console.log('位置标记getValue', custid);
var se2 = custid.getSelected();
console.log('getSelected',se2);

debugger;
var select1 = this.getAddinById('MapPoint1');
select1.args.selfPointUrl = "url";  // 自定义图片地址
if(select1.map == null){
    select1.args.selfPointWidth = 50;
    select1.args.selfPointHeight =50;
}else{
    select1.args.selfPointWidth = 50;
    select1.args.selfPointHeight = 50;
    select1.initMap();
}

4

debugger;
var select1 = this.getAddinById('MapPoint1');
select1.args.selfPointWidth = 50;    
select1.args.selfPointHeight = 50;  


15录音



内部函数

1

getFile()

获取控件file值

2

getFileToBase64() 

获取控件file转化为Base64的值

3

getFormName()

获取绑定的目标属性

4

getValue();

获取控件值
5

setDisplayType(type)

指定目标控件数据状态

6

setValue(value)

设置目标控件值




内部函数
1var record =this.getAddinById('Record1'); record.getFile(0);
2var record =this.getAddinById('Record1'); record.getFileToBase64();
3var record =this.getAddinById('Record1'); record.getFormName();
4var record =this.getAddinById('Record1'); record.getValue();
5var record =this.getAddinById('Record1'); record.setDisplayType(type);
6var record =this.getAddinById('Record1');var value ='[{"name":"","url":""}]'; record.setValue(value);


16扫码



内部函数
1

getFormName()

获取目标控件当前绑定的目标属性

2

getValue()

获取控件值

3

goScan()

唤起扫码界面, 在非浏览态表单状态下有效

4

setDisplayType(typeopt)

设置控件数据显示状态

5

setValue(value)

设置目标控件值




内部函数支持
1var scanName =this.getAddinById('Scan1').getFormName(); console.log(scanName);
2var scan =this.getAddinById('Scan1'); scan.getValue();
3var scan =this.getAddinById('Scan1'); scan.goScan();
4

//type可以是create、visit、edit

var type = "visit";

var selectInput =this.getAddinById('SelectInput1'); selectInput.setDisplayType(type);

5var scan =this.getAddinById('Scan1');var value ='xxxx'; scan.setValue(value);


17签名



内部函数
1

closeSignModal()

关闭手写面板弹窗

2

getFormName()

获取目标控件当前绑定的目标属性

3

getValue()

获取目标控件值

4

handleReset()

清空画板

5

setDisplayType();

设置控件数据显示状态

6

setValue(value)

设置目标控件值

7

sign.showSignModal()

显示手写面板弹窗




内部函数支持
1var sign =this.getAddinById('SignImg1'); sign.closeSignModal();
2var signName =this.getAddinById('SignImg1').getFormName(); console.log(signName);
3var sign =this.getAddinById('SignImg1'); sign.getValue();
4var sign =this.getAddinById('SignImg1'); sign.handleReset();
5

//type可以是create、visit、edit
var type = "visit";

var sign =this.getAddinById('SignImg1'); sign.setDisplayType(type);

6var sign =this.getAddinById('SignImg1');var value ='data:image/png;base64xxx'; sign.setValue(value);
7var sign =this.getAddinById('SignImg1'); sign.showSignModal();




多对象控件


控件名称主要配置项说明内部函数支持脚本示例说明
1步骤条


1args.stepList              // 步骤条全部数据
2args.inactStepIcon    //  默认图标
3args.actStepIcon      //  激活图标
4args.actStepColor    //  激活颜色



1setDisplayType()
2getFormName()
3getValue()
4setValue()
5setTimeIndex(ind)      //  @params ind: type Number  适用于未绑定任何属性自定义步骤条内容 脚本指定激活位置
6

freshData();

使用查询条件刷新目标控件

7

getAll()

获取当前控件全部对象数据

8

getSelected()

获取当前选中对象数据

9

setStepsIndex(actIndex)

指定步骤条激活项



ID主要配置项说明内部函数支持
1

var step = this.getAddinById("Steps1");

console.log("步骤条全部数据:",step.args.stepList);

var steps1= "visit"

var steps1= this.getAddinById("Steps1");
steps1.setDisplayType(type);

2

var step = this.getAddinById("Steps1");

console.log("默认图标:",step.args.inactStepIcon);

var steps1 = this.getAddinById("Steps1");

console.log("步骤条getFormName:",steps1.getFormName());
3

var step = this.getAddinById("Steps1");

console.log("激活图标:",step.args.actStepIcon);

var steps1  = this.getAddinById("Steps1");
steps1 .setValue("交易完成")
4

var step = this.getAddinById("Steps1");

step.args.actStepColor='#F5ED04'
console.log("激活颜色:",step.args.actStepColor);


var steps1 = this.getAddinById("Steps1");
steps1 .getValue()
5

var step = this.getAddinById("Steps1");

step.setTimeIndex(2);

6
var steps =this.getAddinById('Steps1');var query ="and obj.oid = '$obj.oid'"; steps.freshData(query);
7
var steps =this.getAddinById('Steps1'); steps.getAll();
8
var steps =this.getAddinById('Steps1'); steps.getSelected();
9
var steps =this.getAddinById('Steps1');var actIndex =2; steps.setStepsIndex(actIndex);


步骤条结合卡片样例样例配置展示

//获取当前选中的步骤


var Steps1 = this.getAddinById("Steps1");
if(!Steps1){
    this.msgbox.warning("卡片表单异常!");
    return;
}
console.log(Steps1.getValue())
console.log("当前选中的步骤:" + Steps1.actIndex);
var vnum =Steps1.actIndex

//设置当前进行到第几步

this.getAddinById('Steps1').args.actStepIndex = vnum;

// 获取卡片
var card = this.getAddinById('FormEngine1')

let query ="";

if(vnum==0){
     query = "and obj.woStatus= '维修中'"//查询条件
}

if(vnum==1){
     query = "and obj.woStatus= '保养中'"//查询条件
}

if(vnum==2){
     query = "and obj.woStatus= '已完成'"//查询条件
}
card.freshData(query);




Image Added


2搜索框


1setValue
2getValue



ID内部函数支持
1debugger;
var select = this.getAddinById('SearchCell1');
select.setValue('上海市');
var custid= select.getValue();
console.log('打印custid', custid);
2debugger;
let mySelect = this.getAddinById('SearchCell1');
let result = mySelect.getValue();
console.log('打印value', result);
this.msgbox.success(result);


3通知栏


1args.scrollable 单条消息展示的时候,是否横向滚动
2args.wrapable 关闭横向滚动的时候,可以选择换行展示消息


通知栏更新为多对象后,没有getvalue和setvalue了

1setValue
2getValue



ID内部函数支持主要配置项说明
1

debugger;
var select = this.getAddinById('NoticeBar1');
select.setValue('上海市');
var custid= select.getValue();
console.log('打印custid', custid);

debugger;
var select = this.getAddinById('NoticeBar1');
select.args.scrollable = false;
console.log('Cell1',select);

2

debugger;
let mySelect = this.getAddinById('NoticeBar1');
let result = mySelect.getValue();
console.log('打印value', result);
this.msgbox.success(result);

var select1 = this.getAddinById('NoticeBar1');
select1.args.wrapable = true;
console.log('Cell11',select1);


4卡片



1getParentAddin
2updateShow
3getSelected
4getAll
5setDisplayType
6freshData
7getAddinById
8getRootAddin
9freshObj(res)



ID内部函数支持
1

//卡片之间值传递

var FormEngine1 = this.getAddinById('FormEngine1');//获取卡片1控件id
var FormEngine2 = this.getAddinById('FormEngine2');//获取卡片2控件id
var TextInFormEngine = FormEngine1.getAddinById('TextInput1')//获取卡片1控件中的标签
TextInFormEngine.setValue("3")//为文本框1赋值为1

var FE1 = TextInFormEngine.getParentAddin();//获取文本框1的父控件,也就是卡片1
if(FE1){
var Form = FE1.getParentAddin();//卡片1的父控件,也就是当前表单

if(Form){
var FE2 = Form.getAddinById('FormEngine2');//获取当前表单的卡片2
if(FE2){
var TextInput1FormEngine2 = FE2.getAddinById('TextInput2');//卡片2的文本框
if(TextInput1FormEngine2TextInput1FormEngine2.setValue("1")//给卡片2的文本框赋值
}
}
}
2

var subFormAddin = this.getRootAddin();
if(subFormAddin){
    console.log("subFormAddin",subFormAddin.path)
var label =this.getAddinById("Label1")
label.setValue(subFormAddin.path);
}else{
   
label.setValue('getRootAddin 获取失败');
}

3

//关联类修改

var newObj= {relation_leftOid: '879962768002804A9037B7A3CC790800',
relation_company1:'关联companyd编辑',
relation_oid: "5515480EED5E784E9EE70ED57072272B",
relation_rightOid: "EF51E926F5BBB74E92CDE225FF3C4E9F"

};
this.edit(newObj, 'recuite_reliton', {isRelation: true}).then(res => {
this.getSourceAddin().getParentAddin().freshObj(res)
});
4

var FormEngine1 = this.getAddinById("FormEngine4");
var FormEngine = FormEngine1.getSelected()
console.log("卡片getSelected:",FormEngine);
console.log("卡片getAll:",FormEngine1.getAll());
this.msgbox.success(FormEngine[0].left_companyd)

5

debugger;
var select1 = this.getAddinById('FormEngine4');
let query = select1.args.rootQuery = `and obj.relation_company1='验收UI组'`;
select1.freshData(query);
console.log('Cell11',select1);

6

var form = this.GetAddinById("FormEngine3");
form.setDisplayType("visit");
form.updateShow("recuite_reliton","FormEngine2_input");



单元格


1args.description 描述内容



1getSelected()
2freshData(query)
3setDisplayType



ID内部函数支持
1

varFormEngine1 = this.getAddinById("Cell2");
varFormEngine = FormEngine1.getSelected()
console.log("卡片getSelected:",FormEngine);
console.log("卡片getAll:",FormEngine1.getAll());
this.msgbox.success(FormEngine[0].left_companyd)

2

debugger;
var DataView= this.getAddinById('Cell2');
var query = "and obj.relation_company1='验收科研组'";
DataView.freshData(query);


5表格


1setRowData
2getRowData
3deleteRowData
4updateRowData
5getDefaultColumnDef
6getAll
7getPageInfo
8getSelected
9setPageInfo
10setDisplayType
11freshData



ID内部函数支持
1

debugger;
var grdiAddin = this.GetAddinById("Table1");
let that = this;
this.dwf_axios.post(`/omf/relations/recuite_reliton/objects`,{}).then(response => {
    let res = response.data;
    if(res.data) temObj = res.data
    console.log(temObj);
    var rowData = [
        {relation_company1: temObj[1].name,oid:temObj[2].oid},
        {relation_company1: '开心',oid:'A366E8AEAAED7C41BA30F0D7F75F41D4'},
        {relation_company1: '尾灯'},
        {relation_company1: '示廊灯'},
];
grdiAddin.updateRowData(temObj[1].oid, {relation_company1: '碧海桑田'});    
console.log("表格updateRowData:",rowData)
})

2

debugger;
var grdiAddin = this.GetAddinById("Table1");
var rowData = [
        {relation_company1: '右前门门框'},
        {relation_company1: '开心'},
        {relation_company1: '尾灯'},
        {relation_company1: '示廊灯'},
];
//添加表格数据
var success = grdiAddin.getRowData(rowData);
console.log("表格getRowData:",success);
this.msgbox.success(success[0].relation_company1)

3

debugger;
var grid = this.GetAddinById("Table1");
var selectedPart = grid.getSelected()

getAll = grid.getAll();
console.log("表格getAll:",getAll)
this.msgbox.success("getSelected:"+selectedPart[0].relation_company1);
4

debugger;
var Table1 = this.GetAddinById("Table1");
var Label1 = this.getAddinById("Label1");
Table1.setDisplayType("edit");
Label1.setValue("表格"+Table1.t_edit);
this.msgbox.success("表格"+Table1.t_edit)
console.log("表格setDisplayType:"+Table1.t_edit)
let query = `and obj.relation_company1 = '验收机电组'`;
Table1.freshData(query);

5

debugger;
var grdiAddin = this.GetAddinById("Table1");
var rowData = [
        {relation_company1: '右前门门框'},
        {relation_company1: '开心'},
        {relation_company1: '尾灯'},
        {relation_company1: '示廊灯'},
];
//设置表格数据
grdiAddin.setRowData(rowData);
console.log("表格setRowData:",rowData)

6

debugger;
var grdiAddin = this.GetAddinById("Table1");
var rowData = [
        {relation_company1: '右前门门框',oid:'1CF18C71E8B6E94AB37D1EC3451AA31D'},
        {relation_company1: '开心',oid:'1CF18C71E8B6E94AB37D1EC3451AA31D'},
        {relation_company1: '尾灯'},
        {relation_company1: '示廊灯'},
];
//删除表格数据(参数对应行)
grdiAddin.deleteRowData('1CF18C71E8B6E94AB37D1EC3451AA31D');
console.log("表格deleteRowData:",rowData)


6时间轴


1args.stepList             // 步骤条全部数据
2args.stepTitle                // 标题
3args.stepNote       // 描述   Type:String
4args.stepTitle         // 标题    Type:Array
5args.inactStepIcon    //  默认图标
6args.actStepIcon      //  激活图标
7args.actStepColor    //  激活颜色
8args.actStepIndex    //  激活位置



1setDisplayType() 
2getFormName() //此控件没有目标属性,此方法无效,用例中没有加入
3setTimeIndex(ind)      //  @params ind: type Number  脚本指定激活位置
4freshData()
5

getAll()

//获取当前控件全部对象数据

6

getSelected()

//获取当前选中对象数据




主要配置项说明内部函数支持
1

var timeSteps = this.getAddinById("TimeSteps1");
console.log("步骤条全部数据",timeSteps.args.stepList);

var type = "visit"

var timeSteps1 = this.getAddinById("TimeSteps1");
timeSteps1.setDisplayType(type);

2var timeSteps = this.getAddinById("TimeSteps1");
console.log("标题",timeSteps.args.stepTitle);

var timeSteps1 = this.getAddinById("TimeSteps1");

console.log("时间轴getFormName:",timeSteps1.getFormName());

3var timeSteps = this.getAddinById("TimeSteps1");
console.log("描述 ",timeSteps.args.stepNote);
var timeSteps = this.getAddinById("TimeSteps1");

timeSteps.setTimeIndex(1)   ;

console.log(" 激活位置",timeSteps.args.actStepIndex); 
4var timeSteps = this.getAddinById("TimeSteps1");
console.log("标题",timeSteps.args.stepTitle);

var timeSteps =  this.getAddinById("TimeSteps1");
timeSteps.freshData()

5var timeSteps = this.getAddinById("TimeSteps1");

console.log("默认图标",timeSteps.args.inactStepIcon);

var timeSteps =this.getAddinById('TimeSteps1'); timeSteps.getAll();
6var timeSteps = this.getAddinById("TimeSteps1");

console.log("激活图标",timeSteps.args.actStepIcon);

var timeSteps =this.getAddinById('TimeSteps1'); timeSteps.getSelected();
7var timeSteps = this.getAddinById("TimeSteps1");
timeSteps.args.actStepColor='#F5ED04';
console.log("激活颜色",timeSteps.args.actStepColor);

8var timeSteps = this.getAddinById("TimeSteps1");

timeSteps.args.actStepIndex=2;

console.log(" 激活位置",timeSteps.args.actStepIndex); 


7下拉菜单


1args.menuList       // 下拉菜单全部数据
2args.actMenuColor    //  选中颜色
3args.menuDirection   //  菜单方向
4menuValue      //  当前选中菜单项名称



1setDisplayType() 
2

setDirection(valopt)

设置菜单展开方向



ID主要配置项说明内部函数支持
1

var dropDownMenu = this.getAddinById("DropDownMenu1");
console.log(dropDownMenu.args.menuList);

var type = "visit"

var dropDownMenu1= this.getAddinById("DropDownMenu1");
dropDownMenu1.setDisplayType(type);

2

var dropDownMenu = this.getAddinById("DropDownMenu1");

dropDownMenu.args.actMenuColor="#F5ED04"

var dropDownMenu =this.getAddinById('DropDownMenu1');var val ="up"; dropDownMenu.setDirection(val);

3

var dropDownMenu = this.getAddinById("DropDownMenu1");

dropDownMenu.args.menuDirection="up"


4

var dropDownMenu = this.getAddinById("DropDownMenu1");

console.log("当前选中菜单项名称:",dropDownMenu.menuValue);



8商品卡片

args.cardList                 // 商品卡片全部数据

args.bindTargetClass   // 目标类

args.titleAttr                  // 商品标题

args.discribeAttr           // 商品描述

args.imgAttr                  // 商品图片

args.priceAttr                // 商品价格

args.numAttr                 // 商品数量

args.tagAttr                  // 商品标签

args.extagAttr              // 商品标识


setDisplayType()

getFormName() //无目标属性,此方法无效,用例中没有加入

getSelected()

freshData()

getAll() 

 // 0409的下个release版本支持


ID内部函数支持配置项说明
1

varCard1 = this.getAddinById("Card1");

Card1.setDisplayType("visit")

varCard1 = this.getAddinById("Card1");

console.log(Card1.args.cardList);

console.log(Card1.args.bindTargetClass);

console.log(Card1.args.titleAttr);

console.log(Card1.args.discribeAttr);

console.log(Card1.args.imgAttr );

console.log(Card1.args.priceAttr);

console.log(Card1.args.numAttr);

console.log(Card1.args.tagAttr);

console.log(Card1.args.extagAttr);

2

varCard1 = this.getAddinById("Card1");
console.log("商品卡片 "+Card1.getFormName());

varCard1 = this.getAddinById("Card5");

console.log(Card1.args.cardList);
Card1.args.bindTargetClass="relationClass";
console.log(Card1.args.bindTargetClass);
Card1.args.titleAttr='relation_rTitle';
console.log(Card1.args.titleAttr);
Card1.args.imgAttr='relation_rphoto'
console.log(Card1.args.imgAttr);
console.log(Card1.args.discribeAttr);
Card1.args.priceAttr='relation_rprice';
console.log(Card1.args.priceAttr);
Card1.args.numAttr='relation_rNum';
console.log(Card1.args.numAttr);
Card1.args.tagAttr='relation_biqoqian';
console.log(Card1.args.tagAttr);
Card1.args.extagAttr='relation_oid';
console.log(Card1.args.extagAttr);
Card1.freshData();
3

varCard1 = this.getAddinById("Card1");

var selectObjs=Card1.getSelected();
console.log("商品卡片 "+selectObjs[0]);

//弹窗前处理脚本

var cards =this.getAddinById("Card4");
var selectData=cards.getSelected();
return{
obj:selectData[0]
}




4varCard1 = this.getAddinById("Card1");
console.log("商品卡片 "+Card1.getAll());


9轮播

args.swipeList                 // 轮播全部数据

args.autoPlayTimer        // 轮播间隔

args.needLoop               // 循环播放


setDisplayType()

getFormName() //无目标属性,此方法无效,用例中没有加入

swipePrev()           

// 切换到上一张轮播

swipeNext()         

 // 切换到下一张轮播

swipeToIndex(num)     

 // 切换到指定位置轮播     @params num  type: Number

其中:swipePrev(),swipeNext()和swipeToIndex()三个函数无法在自动化中验证(处于轮播状态,程序不能定位当前是第几张)

clickItem()

//点击指定位置的轮播图



ID内部函数支持配置项说明
1

varSwipe1 = this.getAddinById("Swipe1");
console.log("轮播 "+Swipe1.getFormName());
console.log("轮播 "+Swipe1.setDisplayType("visit"));

let mySwipe = this.getAddinById('Swipe1');

mySwipe.args.swipeList=[];

console.log("轮播 "+mySwipe.args.swipeList);    

2

let mySwipe = this.getAddinById('Swipe1');
mySwipe.swipePrev();

let mySwipe = this.getAddinById('Swipe1');
mySwipe.args.autoPlayTimer=1000;

// 轮播间隔
console.log("轮播 "+mySwipe.args.autoPlayTimer);

3let mySwipe = this.getAddinById('Swipe1');
mySwipe.swipeNext();

let mySwipe = this.getAddinById('Swipe1');

mySwipe.args.needLoop=false

// 循环播放

console.log("轮播 "+mySwipe.args.needLoop);

4let mySwipe = this.getAddinById('Swipe1');
mySwipe.swipeToIndex(2)

5var swipes =this.getAddinById('Swipes1'); swipes.clickItem(2);


10二维码

args.needLogo               // 显示LOGO

args.logoUrl                   // LOGO地址

args.logoSize                 // LOGO比例

args.logoRadius             // LOGO圆角大小

args.logoBackColor       // LOGO背景颜色

codeStr                          //  二维码字符串


setDisplayType()

getFormName()

getValue()

setValue() //当前只支持没有开启自定义字符串的情况

freshData()


ID内部函数支持配置项说明
1

var QRcode1 = this.getAddinById("QRcode1");
console.log("二维码 "+QRcode1.getFormName());
console.log("二维码 "+QRcode1.setDisplayType("visit"));

varQRcode1 =this.getAddinById("QRcode1");



QRcode1.args.needLogo ="true";
console.log(QRcode1.args.needLogo);

QRcode1.args.logoUrl=''

QRcode1.args.logoSize=0.5

QRcode1.args.logoRadius=5

QRcode1.args.logoBackColor=red

QRcode1.codeStr='https://image.baidu.com/';

//设置后需要调用freshData方法

QRcode1.freshData();

2

varQRcode1 =this.getAddinById("QRcode1");
QRcode1.setValue(this.obj.price=75);
console.log(QRcode1.getValue());


3

varQRcode1 =this.getAddinById("QRcode2");
QRcode1.freshData('

http://api.map.baidu.com/lbsapi/getpoint/index.html?qq-pf-to=pcqq.group');



11日历

args.needTitle               // 显示标题

args.titleText                 // 标题文本

args.needSubtitle        // 显示副标题

args.needMark            // 显示水印

args.selfCalendarDate    // 日期范围 

args.actColor               // 主题色

targetTimeStamp        // 选中日期的时间戳

targetDate                   // 选中日期

setDisplayType()

getFormName() //无目标属性,此方法无效,用例中没有加入


ID内部函数支持配置项说明
1

varCalendar1 = this.getAddinById("Calendar1");
console.log("日历 "+Calendar1.getFormName());

console.log(Calendar1.setDisplayType("visit"));

varCalendar1 = this.getAddinById("Calendar1");

Calendar1.needTitle =true;

Calendar1.args.titleText ='我的日历'

Calendar1.args.needSubtitle =true

Calendar1.args.needMark =true;

Calendar1.args.selfCalendarDate=

Calendar1.args.actColor =red

Calendar1.targetTimeStamp


2

//根据查询条件统计出哪天需要追加标记,然后根据返回的标记日期设置actYear、actMonth、actDay
//注意:query中的sql语句可以使用聚合查询将属性映射到提前定义好的中间类上即可
var queryData = {
targetClass:"WorkOrder",
fresh:true,
query:`nativequery:select plt_oid as "oid",plt_faultTime as "riliriqi",plt_faultName as "guzhangmingcheng" from plt_cus_WorkOrder where 1=1 `
};
this.handleQueryData(queryData).then(res=>{
console.log(res);
let infoArr = [];



for(let i = 0 ; i < res.length; i++){

let date = newDate(res[i].riliriqi);
constY = date.getFullYear() + '-';
constM = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
constD = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate());
const dateString = Y + M + D;
infoArr.push(dateString);

}

let rili=this.getAddinById('Calendar1')
rili.infoDay = infoArr;
console.log(rili);
});

varCalendar1 = this.getAddinById("Calendar1");

Calendar1.targetDate ='2020-01-02'

3

/*

选中日期后,可以在表格中只显示当前选中的日期的信息

*/

let myCalendar = this.getAddinById('Calendar1');
console.log('myCalendar', myCalendar.targetDate);
//this.getAddinById('Label1').parsedLabel = myCalendar.targetDate;//
//targetTimeStamp
this.getAddinById('Label1').parsedLabel = myCalendar.targetDate;
//let query = `and obj.faultTime = ${myCalendar.targetTimeStamp}`
//let query = `and obj.faultTime = '${myCalendar.targetTimeStamp}'`
let query = `and obj.faultTime = '${myCalendar.targetDate}'`
this.getAddinById('Table1').freshData(query)



12树选择


1args.treeList  // 树选择全部数据
2args.rootQuery  // 根节点查询条件
3args.childrenQuery   //  子节点查询条件
4

args.multiSwitch    // 是否多选 ↓

需配合多选:args.activeIds = []

单选:args.activeIds = 0

5args.activeIds    // 当前选中导航
6args.activeIndex    // 当前选中项



1setDisplayType()
2getSelected()
3freshData()
4getAll()
5getFormName() 移除


注意:使用树选择控件时,类属性名不能是'children', 'text', 'index', 'rootFlag', 'childrenCount'关键字

ID内部函数支持主要配置项说明
1

debugger;
var TreeSelect1 = this.GetAddinById("TreeSelect1");
var Label1 = this.getAddinById("Label1");
TreeSelect1.setDisplayType("edit");
Label1.setValue("树选择"+TreeSelect1.t_edit);
this.msgbox.success("树选择"+TreeSelect1.t_edit)

debugger;
var select1 = this.getAddinById('TreeSelect1');
select1.args.treeList[0].text = '可可组组组'

2

var TreeSelect1 = this.getAddinById("TreeSelect1");
console.log("树选择getSelected:",TreeSelect1.getSelected());

debugger;
var select1 = this.getAddinById('TreeSelect1');
let query = select1.args.rootQuery = `and obj.companyd='行政组'`;
select1.freshData(query);
console.log('Cell11',select1);

3

var TreeSelect1 = this.getAddinById("TreeSelect1");
console.log("树选择getAll:",TreeSelect1.getAll());

debugger;
var select1 = this.getAddinById('TreeSelect1');
select1.args.childrenQuery = `and obj.companyd='皮皮狗'`;
select1.freshData();
console.log('Cell11',select1);

4debugger;
var select1 = this.getAddinById('TreeSelect1');
select1.args.childrenQuery = `and obj.companyd='皮皮狗'`;
select1.freshData();
console.log('Cell11',select1);

debugger;
var select1 = this.getAddinById('TreeSelect1');
select1.args.multiSwitch = true;
select1.args.activeIds = [];//多选
// select1.args.activeIds = 0;//单选

5

debugger;
var select1 = this.getAddinById('TreeSelect1');
console.log('获取树索引',select1.args.activeIds, select1.args.activeIndex)

6

debugger;
var select1 = this.getAddinById('TreeSelect1');
select1.args.multiSwitch = true;
select1.args.activeIds = [];



宫格




内部函数

clickGrid(指定宫格索引)

宫格点击事件

setDisplayType(typeopt)

指定宫格的数据状态:create、edit、visit



内部函数

var grid =this.getAddinById('Grid1'); grid.clickGrid(2);

var grid =this.getAddinById('Grid1'); grid.setDisplayType(type);



布局


控件名称主要配置项说明内部函数支持脚本示例说明
1标签页


1args.tabs  // 标签页全部数据
2args.border         // 边框
3args.title_fontColor  //  标题字体颜色



1setDisplayType() //无效,用例中没有加入,于老师说删除此函数
2setInheritStyle();//使颜色设置生效
3

delTab(index);

//删除指定tab页签

4

turnTo(name)

//打开指定页签页面,name指页签名



ID主要配置项说明内部函数支持
1

var tab = this.getAddinById("Tab1");

console.log(tab.args.tabs);

var type = "visit"

var Tab1this.getAddinById("Tab1");
Tab1.setDisplayType(type);

2

var tab = this.getAddinById("Tab1");

tab.args.border = true;

var tab = this.getAddinById("Tab1");

tab.args.title_fontColor='#DF1818'
tab.setInheritStyle();

3

var tab = this.getAddinById("Tab1");

console.log(tab.args.title_fontColor)

var tab =this.getAddinById('Tab1'); tab.delTab(2);


var tab =this.getAddinById('Tab1'); tab.turnTo(name);


2单列


3多列



可视化


控件名称主要配置项说明内部函数支持脚本示例说明
1动态数字标签


1freshData
2setValue
3getValue
4setDisplayType



ID内部函数支持
1

debugger;
var Table1 = this.GetAddinById("DynamicDigitalLabel1");
var Label1 = this.getAddinById("Label1");
Table1.setDisplayType("edit");
Label1.setValue("动态数字框"+Table1.t_edit);
this.msgbox.success("动态数字框"+Table1.t_edit)
console.log("动态数字框setDisplayType:"+Table1.t_edit)
let query = `and obj.relation_recruitnumber1= 9`;
Table1.freshData(query);

2

debugger;
var select = this.getAddinById('DynamicDigitalLabel1');
select.setValue(33333);
var custid= select.getValue();
console.log("动态数字getValue:", custid);
this.msgbox.success(custid);



编码扩展


控件名称主要配置项说明内部函数支持脚本示例说明
1超级控件


1freshData()



ID内部函数支持
1

var selfCode1 = this.getAddinById("SelfCode1")
selfCode1.freshData()


2自定义可视化


1getSelected()
2freshData()



ID内部函数支持
1

var echarts = this.getAddinById("EChart1");
console.log("echarts.getSelected: ",echarts.getSelected());

2

var echarts = this.getAddinById("EChart1");

echarts.freshData();