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 控件销毁时发生