mini.Control

控件基类。是表单、表格、树形、布局、菜单等所有控件的基类。
提供宽度、高度、样式外观、显示\隐藏、启用\禁用等功能操作。
它本身无法被实例化。

Usage

Properties

NameTypeDescriptionDefault 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 提示信息

Methods

NameParameterDescriptionReturn
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 ( ) 取消遮罩

Events

NameEventObjectDescription
destroy 控件销毁时发生