无背景色测试补充完用例场景 | 黄色为开发新增脚本 | 存在问题脚本 | 删除脚本,增加删除线和字体颜色 |
单对象控件
标签getFormNamegetFormName 获取当前控件的目标属性 | 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() |
---|
2 | 3 | 4 | 2 | 按钮 | setBadge(content) //设置徽标内容 setDisable() 设置按钮禁用 | 3 | 日期框 | args.minDate 选择的最小日期 args.maxDate 选择的最大日期 | setValue getValue setDisplayType | 4 | 文本框 | args.showWordLimit 显示字数统计 args.maxLength 最大长度 | setValue getValue setDisplayType | 5 | 数字框 | setValue getValue setDisplayType | 6 | 单选框 | setValue getValue setDisplayType getDisplayValue() 获取选择的显示的值 | 7 | 复选框 | setValue getValue setDisplayType getDisplayValue() 获取选择的显示的值 | 8 | 选择框 | setValue getValue setDisplayType getDisplayValue() 获取显示的显示的值 | 9 | 开关 | setValue getValue setDisplayType | 10 | 文件上传 | setValue 三种状态下,调用脚本setvalue都会显示对应的控件状态 getValue setDisplayType freshData(url) 单文件展示的时候,外部脚本更新图片类型附件file值 ,仅在edit 和 visit下起作用 | 11 | 单元格 | a
args.titleContent 左侧内容 |
args.description 描述内容 |
1 | setValue 设置右边内容部分 |
2 | getValue 获取右边内容部分 |
3 | setDisplayType |
ID | 内部函数支持 | 主要配置项说明 |
---|
1 | 12 | 步进器 | args.max 最大值 args.min 最小值 args.step 步长 | setValue getValue setDisplayType | 13 | 嵌入网页 | 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("标签") | 2 | var 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) //设置徽标内容 | 2 | setDisable() 设置按钮禁用 | 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 | 单选框 |
|
1 | setValue | 2 | getValue | 3 | setDisplayType | 4 | getDisplayValue() 获取选择的显示的值 |
|
ID | 内部函数支持 |
---|
1 | var radioButton1= this.getAddinById("RadioButton1"); radioButton1.setValue("男") | 2 | var radioButton1= this.getAddinById("RadioButton1"); radioButton1.getValue() | 3 | var type = "visit" var radioButton1 = this.getAddinById("RadioButton1"); radioButton1.setDisplayType(type); | 4 | var radioButton1 = this.getAddinById("RadioButton1"); console.log("单选框1getDisplayValue():",radioButton1.getDisplayValue()); |
|
7 | 复选框 |
|
1 | setValue | 2 | getValue | 3 | setDisplayType | 4 | getDisplayValue() 获取选择的显示的值 |
|
ID | 内部函数支持 |
---|
1 | var checkBox1 = this.getAddinById("CheckBox1"); checkBox1 .setValue("复选框") | 2 | var checkBox1 = this.getAddinById("CheckBox1"); checkBox1 .getValue() | 3 | var type = "visit" var checkBox1 = this.getAddinById("CheckBox1"); checkBox1.setDisplayType(type); | 4 | var checkBox1 = this.getAddinById("CheckBox1"); console.log("复选框1getDisplayValue():",checkBox1.getDisplayValue()); |
|
8 | 选择框 |
|
1 | setValue | 2 | getValue | 3 | setDisplayType | 4 | getDisplayValue() 获取选择的显示的值 | 5 | getFormName() 获取控件的目标属性 | 6 | setOption(listopt) 选择框选项列表赋值 | 7 | showPicker() 唤起选项列表选项弹窗, 在只读、浏览态表单或者开启搜索时无效 |
|
ID | 内部函数支持 |
---|
1 | var selectInput1= this.getAddinById("SelectInput1"); selectInput1.setValue("选择框") | 2 | var selectInput1= this.getAddinById("SelectInput1"); selectInput1.getValue() | 3 | var type = "visit" var selectInput1= this.getAddinById("SelectInput1"); selectInput1.setDisplayType(type); | 4 | var selectInput1= this.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':"女"}]); | 7 | var selectInput =this.getAddinById('SelectInput1'); selectInput.showPicker(list); |
|
9 | 开关 |
|
1 | setValue | 2 | getValue | 3 | setDisplayType |
|
ID | 内部函数支持 |
---|
1 | var switch1= this.getAddinById("Switch1"); switch1.setValue("开关") | 2 | var switch1= this.getAddinById("Switch1"); switch1.getValue() | 3 | var type = "visit" var switch1= this.getAddinById("Switch1"); switch1.setDisplayType(type); |
|
10 | 文件上传 |
|
1 | setValue 三种状态下,调用脚本setvalue都会显示对应的控件状态 | 2 | getValue | 3 | setDisplayType | 4 | freshData(url) 单文件展示的时候,外部脚本更新图片类型附件file值 ,仅在edit 和 visit下起作用 | 5 | getBase64() 获取图片文件Base64的值 | 6 | getFormName() 获取目标控件当前绑定的目标属性 |
|
|
11 | 单元格 |
1 | args.titleContent 左侧内容 | 2 | args.description 描述内容 |
|
1 | setValue 设置右边内容部分 | 2 | getValue 获取右边内容部分 | 3 | setDisplayType |
|
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 | 嵌入网页 |
|
1 | getFormName//网页没有目标属性,此方法无效,用例中没有加入 | 2 | setDisplayType |
|
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 // 自定义图片高度 |
|
1 | getValue() | 2 | setValue() | 3 | setDisplayType() | 4 | getFormName() |
|
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) 设置目标控件值 |
|
| 内部函数 |
---|
1 | var record =this.getAddinById('Record1'); record.getFile(0); | 2 | var record =this.getAddinById('Record1'); record.getFileToBase64(); | 3 | var record =this.getAddinById('Record1'); record.getFormName(); | 4 | var record =this.getAddinById('Record1'); record.getValue(); | 5 | var record =this.getAddinById('Record1'); record.setDisplayType(type); | 6 | var record =this.getAddinById('Record1');var value ='[{"name":"","url":""}]'; record.setValue(value); |
|
16 | 扫码 |
|
| 内部函数 |
---|
1 | getFormName() 获取目标控件当前绑定的目标属性 | 2 | getValue() 获取控件值 | 3 | goScan() 唤起扫码界面, 在非浏览态表单状态下有效 | 4 | setDisplayType(typeopt) 设置控件数据显示状态 | 5 | setValue(value) 设置目标控件值 |
|
| 内部函数支持 |
---|
1 | var scanName =this.getAddinById('Scan1').getFormName(); console.log(scanName); | 2 | var scan =this.getAddinById('Scan1'); scan.getValue(); | 3 | var scan =this.getAddinById('Scan1'); scan.goScan(); | 4 | //type可以是create、visit、edit var type = "visit"; var selectInput =this.getAddinById('SelectInput1'); selectInput.setDisplayType(type); | 5 | var 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() 显示手写面板弹窗 |
|
| 内部函数支持 |
---|
1 | var sign =this.getAddinById('SignImg1'); sign.closeSignModal(); | 2 | var signName =this.getAddinById('SignImg1').getFormName(); console.log(signName); | 3 | var sign =this.getAddinById('SignImg1'); sign.getValue(); | 4 | var sign =this.getAddinById('SignImg1'); sign.handleReset(); | 5 | //type可以是create、visit、edit var type = "visit"; var sign =this.getAddinById('SignImg1'); sign.setDisplayType(type); | 6 | var sign =this.getAddinById('SignImg1');var value ='data:image/png;base64xxx'; sign.setValue(value); | 7 | var sign =this.getAddinById('SignImg1'); sign.showSignModal(); |
|
多对象控件
| 控件名称 | 主要配置项说明 | 内部函数支持 | 脚本示例说明 |
---|
1 | 步骤条 |
1 | args.stepList // 步骤条全部数据 | 2 | args.inactStepIcon // 默认图标 | 3 | args.actStepIcon // 激活图标 | 4 | args.actStepColor // 激活颜色 |
|
1 | setDisplayType() | 2 | getFormName() | 3 | getValue() | 4 | setValue() | 5 | setTimeIndex(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 | 搜索框 |
|
|
ID | 内部函数支持 |
---|
1 | debugger; var select = this.getAddinById('SearchCell1'); select.setValue('上海市'); var custid= select.getValue(); console.log('打印custid', custid); | 2 | debugger; let mySelect = this.getAddinById('SearchCell1'); let result = mySelect.getValue(); console.log('打印value', result); this.msgbox.success(result); |
|
3 | 通知栏 |
1 | args.scrollable 单条消息展示的时候,是否横向滚动 | 2 | args.wrapable 关闭横向滚动的时候,可以选择换行展示消息 |
| 通知栏更新为多对象后,没有getvalue和setvalue了
|
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 | 卡片 |
|
1 | getParentAddin | 2 | updateShow | 3 | getSelected | 4 | getAll | 5 | setDisplayType | 6 | freshData | 7 | getAddinById | 8 | getRootAddin | 9 | freshObj(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(TextInput1FormEngine2) TextInput1FormEngine2.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"); |
|
| 单元格 |
|
1 | getSelected() | 2 | freshData(query) | 3 | setDisplayType |
|
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 | 表格 |
|
1 | setRowData | 2 | getRowData | 3 | deleteRowData | 4 | updateRowData | 5 | getDefaultColumnDef | 6 | getAll | 7 | getPageInfo | 8 | getSelected | 9 | setPageInfo | 10 | setDisplayType | 11 | freshData |
|
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 | 时间轴 |
1 | args.stepList // 步骤条全部数据 | 2 | args.stepTitle // 标题 | 3 | args.stepNote // 描述 Type:String | 4 | args.stepTitle // 标题 Type:Array | 5 | args.inactStepIcon // 默认图标 | 6 | args.actStepIcon // 激活图标 | 7 | args.actStepColor // 激活颜色 | 8 | args.actStepIndex // 激活位置 |
|
1 | setDisplayType() | 2 | getFormName() //此控件没有目标属性,此方法无效,用例中没有加入 | 3 | setTimeIndex(ind) // @params ind: type Number 脚本指定激活位置 | 4 | freshData() | 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); | 2 | var timeSteps = this.getAddinById("TimeSteps1"); console.log("标题",timeSteps.args.stepTitle); | var timeSteps1 = this.getAddinById("TimeSteps1"); console.log("时间轴getFormName:",timeSteps1.getFormName()); | 3 | var timeSteps = this.getAddinById("TimeSteps1"); console.log("描述 ",timeSteps.args.stepNote); | var timeSteps = this.getAddinById("TimeSteps1");
timeSteps.setTimeIndex(1) ; console.log(" 激活位置",timeSteps.args.actStepIndex); | 4 | var timeSteps = this.getAddinById("TimeSteps1"); console.log("标题",timeSteps.args.stepTitle); | var timeSteps = this.getAddinById("TimeSteps1"); timeSteps.freshData() | 5 | var timeSteps = this.getAddinById("TimeSteps1");
console.log("默认图标",timeSteps.args.inactStepIcon); | var timeSteps =this.getAddinById('TimeSteps1'); timeSteps.getAll(); | 6 | var timeSteps = this.getAddinById("TimeSteps1");
console.log("激活图标",timeSteps.args.actStepIcon); | var timeSteps =this.getAddinById('TimeSteps1'); timeSteps.getSelected(); | 7 | var timeSteps = this.getAddinById("TimeSteps1"); timeSteps.args.actStepColor='#F5ED04'; console.log("激活颜色",timeSteps.args.actStepColor); |
| 8 | var timeSteps = this.getAddinById("TimeSteps1");
timeSteps.args.actStepIndex=2; console.log(" 激活位置",timeSteps.args.actStepIndex); |
|
|
7 | 下拉菜单 |
1 | args.menuList // 下拉菜单全部数据 | 2 | args.actMenuColor // 选中颜色 | 3 | args.menuDirection // 菜单方向 | 4 | menuValue // 当前选中菜单项名称 |
|
1 | setDisplayType() | 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] }
|
| 4 | varCard1 = 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); | 3 | let mySwipe = this.getAddinById('Swipe1'); mySwipe.swipeNext(); | let mySwipe = this.getAddinById('Swipe1'); mySwipe.args.needLoop=false // 循环播放 console.log("轮播 "+mySwipe.args.needLoop); | 4 | let mySwipe = this.getAddinById('Swipe1'); mySwipe.swipeToIndex(2) |
| 5 | var 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 | 树选择 |
1 | args.treeList // 树选择全部数据 | 2 | args.rootQuery // 根节点查询条件 | 3 | args.childrenQuery // 子节点查询条件 | 4 | args.multiSwitch // 是否多选 ↓ 需配合多选:args.activeIds = [] 单选:args.activeIds = 0 | 5 | args.activeIds // 当前选中导航 | 6 | args.activeIndex // 当前选中项 |
|
1 | setDisplayType() | 2 | getSelected() | 3 | freshData() | 4 | getAll() | 5 | getFormName() 移除 |
| 注意:使用树选择控件时,类属性名不能是'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); | 4 | debugger; 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 | 标签页 |
1 | args.tabs // 标签页全部数据 | 2 | args.border // 边框 | 3 | args.title_fontColor // 标题字体颜色 |
|
1 | setDisplayType() //无效,用例中没有加入,于老师说删除此函数 | 2 | setInheritStyle();//使颜色设置生效 | 3 | delTab(index); //删除指定tab页签 | 4 | turnTo(name) //打开指定页签页面,name指页签名 |
|
ID | 主要配置项说明 | 内部函数支持 |
---|
1 | var tab = this.getAddinById("Tab1"); console.log(tab.args.tabs); | var type = "visit" var Tab1= this.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 | 动态数字标签 |
|
1 | freshData | 2 | setValue | 3 | getValue | 4 | setDisplayType |
|
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 | 超级控件 |
|
|
ID | 内部函数支持 |
---|
1 | var selfCode1 = this.getAddinById("SelfCode1") selfCode1.freshData() |
|
2 | 自定义可视化 |
|
1 | getSelected() | 2 | freshData() |
|
ID | 内部函数支持 |
---|
1 | var echarts = this.getAddinById("EChart1");
console.log("echarts.getSelected: ",echarts.getSelected());
| 2 | var echarts = this.getAddinById("EChart1"); echarts.freshData(); |
|