定制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的教程>>
扫一扫
4315
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
