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的教程>>