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

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

与当前比较 查看页面历史

« 前一个 版本 19 下一个 »

单对象控件


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

标签


1setValue
2getValue
3getFormName
4

setBadge(content)设置徽标内容

ID内部函数支持
1
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单元格


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
13嵌入网页url      // 链接地址

getFormName

setDisplayType


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步骤条

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

args.inactStepIcon    //  默认图标

args.actStepIcon      //  激活图标

args.actStepColor    //  激活颜色

setDisplayType()

getFormName()

getValue()

setValue()

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


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



7下拉菜单

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

args.actMenuColor    //  选中颜色

args.menuDirection   //  菜单方向

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

setDisplayType()

getFormName()


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版本支持


9轮播

args.swipeList                 // 轮播全部数据

args.autoPlayTimer        // 轮播间隔

args.needLoop               // 循环播放


setDisplayType()

getFormName()

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

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

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


10二维码

args.needLogo               // 显示LOGO

args.logoUrl                   // LOGO地址

args.logoSize                 // LOGO比例

args.logoRadius             // LOGO圆角大小

args.logoBackColor       // LOGO背景颜色

codeStr                          //  二维码字符串


setDisplayType()

getFormName()

getValue()

setValue()

freshData()


11日历

args.needTitle               // 显示标题

args.titleText                 // 标题文本

args.needSubtitle        // 显示副标题

args.needMark            // 显示水印

args.selfCalendarDate    // 日期范围

args.actColor               // 主题色

targetTimeStamp        // 选中日期的时间戳

targetDate                   // 选中日期

setDisplayType()

getFormName()


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();//使颜色设置生效


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()
2自定义可视化

getSelected()

freshData()


  • 无标签