EasyUI 自定义窗口工具

默认的窗口有4个工具: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。例如,我们希望窗口只有一个closeable工具,可以设置任何其他工具为false。我们可以定义工具属性在标记中或者jquery代码中。现在我们使用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');

        }

    }]

});

\

posted @ 2016-09-27 10:22  芜明-追星  阅读(332)  评论(0编辑  收藏  举报