课程表

jEasyUI 应用

jEasyUI 拖放

jEasyUI 菜单与按钮

jEasyUI 布局

jEasyUI 数据网格

jEasyUI 窗口

jEasyUI 树形菜单

jEasyUI 表单

jEasyUI 参考手册

工具箱
速查手册

jEasyUI 自定义窗口工具栏

当前位置:免费教程 » JS/JS库/框架 » jQuery EasyUI

默认情况下,窗口(window)有四个工具:collapsible、minimizable、maximizable 和 closable。比如我们定义以下窗口(window):

  1. <div id="win" class="easyui-window" title="My Window" style="padding:10px;width:200px;height:100px;">
  2. window content
  3. </div>

如需自定义工具,设置该工具为 true 或者 false。比如我们希望定义一个窗口(window),仅仅拥有一个可关闭的工具。您应该设置任何其他工具为 false。我们可以在标记中或者通过 jQuery 代码定义 tools 属性。现在我们使用 jQuery 代码来定义窗口(window):

  1. $('#win').window({
  2. collapsible:false,
  3. minimizable:false,
  4. maximizable:false
  5. });

如果我们希望添加自定义的工具到窗口(window),我们可以使用 tools 属性。作为实例演示,我们添加两个工具到窗口(window):

  1. $('#win').window({
  2. collapsible:false,
  3. minimizable:false,
  4. maximizable:false,
  5. tools:[{
  6. iconCls:'icon-add',
  7. handler:function(){
  8. alert('add');
  9. }
  10. },{
  11. iconCls:'icon-remove',
  12. handler:function(){
  13. alert('remove');
  14. }
  15. }]
  16. });

下载 jQuery EasyUI 实例

jeasyui-win-win2.zip

转载本站内容时,请务必注明来自W3xue,违者必究。
 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号