{{ item.text }} / 接口控件
接口控件
更新时间： 2023-12-01 浏览次数： {{ hits }}

接口控件

接口适用控件接口与参数说明与示例
获取控件对象所有控件this.DataFieldID;说明：获取控件对象
读取控件的值所有控件this.DataFieldID.GetValue();说明：读取控件的值
给控件赋值所有控件this.DataFieldID.SetValue(value);说明：给控件赋值
隐藏控件所有控件this.DataFieldID.SetVisible(true);说明：隐藏控件
绑定控件变更事件所有控件this.DataFieldID.BindChange
(key, function(){});		说明：给控件绑定一个变更事件，当控件值
变化执行自定义函数.
示例：
this.Phone.BindChange("ValidatePhone
",function(){
            ValidatePhone(this);
        });
解除控件值变化事件所有控件this.DataFieldID.UnbindChange(key );说明：解除控件值变化事件
给控件添加选项CheckboxList、
DropDownList、
RadioButtonList		this.DataFieldID.AddItem
(value);		说明：给控件添加选项
清除控件选项CheckboxList、
DropDownList、
RadioButtonList		this.DataFieldID.ClearItems();说明：清除控件选项
添加子表行子表this.SubTable.AddRow
(subObjectId,{"SubTable.
ColumnName":Value});		说明：新建子表列，并给子表字段赋值
示例：
for (var i = 0; i < 
responseValue.ReturnData.Objects.length;
 i++) {
            var subObjectId = $.IGuid();
            var subObject =
responseValue.ReturnData.Objects[i];
            controlManager.AddRow(subObjectId, 
{"D000001AssetCheckDetail.AssetID":{Objec
tId:subObject.ObjectId,Name:subObject.Val
ueTable.AssetName},
"D000001AssetCheckDetail.AssetSeqNo": 
subObject.ValueTable.SeqNo,
"D000001AssetCheckDetail.Specification": 
subObject.ValueTable.Specification,
"D000001AssetCheckDetail.Location":subObj
ect.ValueTable.Location,
"D000001AssetCheckDetail.User":subObject.
ValueTable.User});
清除子表所有行子表this.SubTable.ClearRows();说明：清除子表的所有数据行
示例：
var controlManager = 
this.D000001AssetCheckDetail;
controlManager.ClearRows();
更新子表行子表this.SubTable.UpdateRow 
(subObjectId,{"SubTable.
ColumnName":Value});		说明：更新子表行记录.
示例：参考【添加子表行】 
文字颜色单行文本、多行文本、日期、数值SetColor

说明： 设置控件内容展示的字体颜色，

类型： 函数，

参数： Color，枚举类型，可选值： 'Default', 'Blue', 'Green', 'Yellow', 'Red', 'Cyan', 'Purple’,

示例：

this.F0000001.SetColor(Color.Blue);

//枚举值

enum Color {

Default,

Blue,

Green,

Yellow,

Red,

Cyan,

Purple,

}

文字背景颜色单行文本、多行文本、日期、数值SetBgColor

说明： 设置控件内容展示的背景颜色，

类型： 函数，

参数： bgColor，枚举类型，可选值： ‘Success’, ‘Info’, 'Warning', ‘Error’,

示例：

this.F0000001.SetBgColor(BgColor.Success);

// 文字背景颜色

enum BgColor {

Success,

Info,

Warning,

Error,

}

文字大小单行文本、多行文本、日期、数值SetFontSize

说明： 设置控件内容展示的文字大小，

类型： 函数，

参数：size，枚举类型，可选值： ‘Small’, ‘Medium’, 'Large',

示例：

this.F0000001.SetFontSize(FontSize.Large);

// 文字大小

enum FontSize {

Small,

Medium,

Large,

}

文字字重单行文本、多行文本、日期、数值SetFontWeight

说明： 设置控件内容展示的文字字重，

类型： 函数，

参数：weight，枚举类型，可选值： ‘Light’, ‘Medium’, 'Bold',

示例：

this.F0000001.SetFontWeight(FontWeight.Bold);

// 文字字重

enum FontWeight {

Light,

Medium,

Bold,

}

线类型 单行文本、多行文本、日期、数值SetLine

说明： 设置控件内容展示的线类型，

类型： 函数，

参数：line，枚举类型，可选值： ‘Underline’, ‘Strikeline’, 

示例：

this.F0000001.SetLine(LineType.Underline);

// 线类型

enum LineType {

Underline, // 下划线

Strikeline, // 删除线

}

自动聚焦到指定控件处单行文本、多行文本、数值SetFocus

说明： 自动聚焦到指定控件处

类型： 函数，

参数：autoScroll 布尔型， 聚焦时是否自动滚动到指定控件处，默认值： true

示例：

this.F0000001.SetFocus（）;

控件聚焦事件单行文本、多行文本、数值OnFocus

说明： 控件聚焦事件（只支持编辑态控件；可以配合SetFocus一起使用，先定义OnFocus监听，后执行SetFocus）

类型： 函数，

参数：事件响应回调函数，function（event： Event）{}

控件按键事件单行文本、多行文本、数值OnKeyDown说明： 控件按键事件（只支持编辑态控件）
类型： 函数，
参数：事件响应回调函数，function（event： Event）{}, 可以根据event.keyCode 来判断具体点击的是哪个按钮，如event.keyCode == ‘enter’ 为回车键；
示例：
// 单独使用
this.F0000001.OnKeyDown（function(event){ console.log(event.keyCode) }）;


目录