YouTip LogoYouTip

Jeasyui Win Win2

jQuery EasyUI Window - Custom Window Toolbar

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:

window content
Image 4

To customize the tools, set them to true or false. For instance, if we want to define a window that only has a close tool, we should set all other tools to false. We can define the tools property in the markup or via jQuery code. Now, let's use jQuery code to define the window:

$('#win').window({collapsible:false,minimizable:false,maximizable:false});
Image 5

If we want to add custom tools to the window, we can use the tools property. As an example, let's 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');}}]});
Image 6

Download jQuery EasyUI Example

jeasyui-win-win2.zip

← Jeasyui Win Win3Jeasyui Datagrid Datagrid2 β†’