控件基类。是表单、表格、树形、布局、菜单等所有控件的基类。
提供宽度、高度、样式外观、显示\隐藏、启用\禁用等功能操作。
它本身无法被实例化。
Name | Type | Description | Default | Set? | Get? | Tag? |
---|---|---|---|---|---|---|
id | String | 控件唯一标识符。 | √ | √ | √ | |
name | String | 控件名称。 | √ | √ | √ | |
visible | Boolean | 是否显示控件 | true | √ | √ | √ |
enabled | Boolean | 是否禁用控件 | true | √ | √ | √ |
cls | String | 样式类 | √ | √ | √ | |
style | String | 样式 | √ | √ | √ | |
borderStyle | String | 边框样式。针对datagrid,panel,textbox,combobox等。 | √ | √ | √ | |
width | Number | 宽度 | √ | √ | √ | |
height | Number | 高度 | √ | √ | √ | |
tooltip | String | 提示信息 | √ | √ | √ |
Name | Parameter | Description | Return |
---|---|---|---|
getEl ( ) | 获取控件DOM元素 | Element | |
on ( type, fn[, scope] ) |
type: String。事件类型,比如"click" fn: Function。事件处理函数 scope: Object。可选。事件处理函数的作用域对象 |
监听事件。 例如: control.on("click", function(e){ //... }); |
|
un ( type, fn[, scope] ) | 同上 | 取消监听事件 | |
set ( options ) | options: Object。参数配置对象 |
批量设置属性和事件,例如:control.set({ visible: false, width: 200, onclick: functoin(e){ //... } }); |
|
render ( Element ) | 控件加入DOM元素呈现,如:control.render(document.body) |
||
destroy ( ) | 销毁控件 | ||
getHeight ( ) | 获取控件高度 | Number | |
show ( ) | 显示控件 | ||
hide ( ) | 隐藏控件 | ||
enable ( ) | 启用控件 | ||
disable ( ) | 禁用控件 | ||
focus ( ) | 获取焦点 | ||
blur ( ) | 失去焦点 | ||
doLayout ( ) | 调整控件布局 | ||
addCls ( String ) | 增加样式类。 | ||
removeCls ( String ) | 去除样式类 | ||
mask ( options ) | 遮罩。
options: { html: "", cls: "", style: "" } |
||
unmask ( ) | 取消遮罩 |
Name | EventObject | Description |
---|---|---|
destroy | 控件销毁时发生 |