接口控件
更新时间: 2024-09-12 浏览次数: {{ 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) });