jQuery EasyUI使用教程之自定义窗口工具

jQuery EasyUI最新试用版下载请猛戳>>

默认状况下，窗口有四个工具：collapsible、minimizable、maximizable和closable。好比咱们定义如下窗口：

< div id = "win" class = "easyui-window" title = "My Window" style = "padding:10px;width:200px;height:100px;" >

window content

</ div >

如需自定义工具，设置该工具为true或者false。好比咱们但愿定义一个窗口，仅仅拥有一个可关闭的工具。您应该设置任何其余工具为 false。咱们能够在标记中或者经过jQuery代码定义tools如今咱们使用jQuery代码来定义窗口：

$( '#win' ).window({

collapsible: false ,

minimizable: false ,

maximizable: false

});

若是咱们但愿添加自定义的工具到窗口，能够使用tools属性。做为实例演示，咱们添加两个工具到窗口：

$( '#win' ).window({

collapsible: false ,

minimizable: false ,

maximizable: false ,

tools:[{

iconCls: 'icon-add' ,

handler: function (){

alert( 'add' );

}

},{

iconCls: 'icon-remove' ,

handler: function (){

alert( 'remove' );

}

}]

});

有兴趣的朋友能够点击查看更多有关jQuery EasyUI的教程>>