jQuery EasyUI Window - Custom Window Toolbar
By default, a window has four tools: collapsible, minimizable, maximizable, and closable. For example, we define the following window:
<div id="win" class="easyui-window" title="My Window" style="padding:10px;width:200px;height:100px;">
window content
</div>
To customize the tools, set them to true or false. For example, if we want to define a window with only a closable tool, you should set any other tools to false. We can define the tools attribute either in the markup or through jQuery code. Now we use jQuery code to define the window:
$('#win').window({
collapsible:false,
minimizable:false,
maximizable:false
});
If we want to add custom tools to the window, we can use the tools attribute. As an example, we add two tools to the window:
$('#win').window({
collapsible:false,
minimizable:false,
maximizable:false,
tools:[{
iconCls:'icon-add',
handler:function(){
alert('add');
}
},{
iconCls:'icon-remove',
handler:function(){
alert('remove');
}
}]
});