接口控件
接口 | 适用控件 | 接口与参数 | 说明与示例 |
获取控件对象 | 所有控件 | 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) }); |