DWF用户手册（20210209版本）
页面树结构
转至元数据结尾
转至元数据起始

正在查看旧版本。 查看 当前版本.

与当前比较 查看页面历史

« 前一个 版本 21 下一个 »

单对象控件


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

标签


1setValue
2getValue
3getFormName
4

setBadge(content)设置徽标内容

ID内部函数支持
1

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);

2按钮


1

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

2setDisable()    设置按钮禁用
ID内部函数支持
1

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

2

var Operation1 =this.getAddinById("Operation1");

//开启按钮

Operation1.setDisable(true);

//禁用按钮

//Operation1.setDisable(false);

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 ='2021-01-01'

2

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

DateInput1.getValue();

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

DateInput1.args.maxDate ='2021-12-03'

3

var TextInput1 = this.getAddinById("TextInput1");
console.log("文本框"+TextInput1.setDataType());


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=10;

2

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

TextInput1.getValue();

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

TextInput1.args.maxLength =20;

3

var TextInput1=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 checkBox1 = this.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()     获取选择的显示的值
ID内部函数支持
1var selectInput1= this.getAddinById("SelectInput1");
selectInput1.setValue("选择框")
2var selectInput1= this.getAddinById("SelectInput1");
selectInput1.getValue()
3

var type = "visit"

var selectInput1= this.getAddinById("SelectInput1");
selectInput1.setDisplayType(type);

4var selectInput1= this.getAddinById("SelectInput1");
selectInput1.log("选择框1getDisplayValue（）：",selectInput1.getDisplayValue());
9开关




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

var type = "visit"

var switch1= this.getAddinById("Switch1");
switch1.setDisplayType(type);

10文件上传


1

setValue

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

2getValue
3setDisplayType
4

freshData(url)    

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

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");

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

2

3

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;  


多对象控件


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


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


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

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

//获取当前选中的步骤


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);




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 关闭横向滚动的时候，可以选择换行展示消息


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(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");

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时间轴

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()


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

2

3

4

5

7下拉菜单

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

args.actMenuColor    //  选中颜色

args.menuDirection   //  菜单方向

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

setDisplayType()

getFormName()

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

2

3

4

5

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

9轮播

args.swipeList                 // 轮播全部数据

args.autoPlayTimer        // 轮播间隔

args.needLoop               // 循环播放


setDisplayType()

getFormName()

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

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

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

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

2

3

4

5

10二维码

args.needLogo               // 显示LOGO

args.logoUrl                   // LOGO地址

args.logoSize                 // LOGO比例

args.logoRadius             // LOGO圆角大小

args.logoBackColor       // LOGO背景颜色

codeStr                          //  二维码字符串


setDisplayType()

getFormName()

getValue()

setValue()

freshData()

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

2

3

4

5

6

11日历

args.needTitle               // 显示标题

args.titleText                 // 标题文本

args.needSubtitle        // 显示副标题

args.needMark            // 显示水印

args.selfCalendarDate    // 日期范围

args.actColor               // 主题色

targetTimeStamp        // 选中日期的时间戳

targetDate                   // 选中日期

setDisplayType()

getFormName()

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

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

args.multiSwitch    // 是否多选 ↓

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

单选：args.activeIds = 0

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


1setDisplayType()
2getSelected()
3freshData()
4getAll()
5getFormName() 移除
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 = [];

布局


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

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

args.border         // 边框

args.title_fontColor  //  标题字体颜色


setDisplayType()

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

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

2

3

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超级控件
freshData()
ID内部函数支持
1
2自定义可视化

getSelected()

freshData()

ID内部函数支持
1
2
  • 无标签