easyui dialog属性

本文介绍了EasyUI中dialog组件的一些关键属性,如标题、是否可折叠、最小化、最大化及是否可调整大小。同时,详细讲解了如何定义dialog的按钮和顶部工具栏,包括按钮的文本、处理函数以及图标设置,提供了具体的示例代码帮助理解。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

title dialog标题

collapsible 定义折叠按钮 默认不显示 fasle

minimizable 定义最小化按钮 默认不显示 false

maximizable 定义最大化按钮 默认不显示 false

resizable 定义dialog是否可调整尺寸 默认不可以 false

buttons 定义dialog按钮

  1. buttons:[{
  2. text:'Save',
  3. handler:function(){...}
  4. },{
  5. text:'Close',
  6. handler:function(){...}
  7. }]



toolbar 对话框的顶部工具栏,可能的值:
1、数组,每个工具的选项都与链接按钮(linkbutton)一样。
2、选择器,指示工具栏。

  1. <div class="easyui-dialog" style="width:600px;height:300px"
  2. data-options="title:'My Dialog',toolbar:'#tb',modal:true">
  3. Dialog Content.
  4. </div>
  5. <div id="tb">
  6. <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true"/a>
  7. <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-help',plain:true"/a>
  8. </div>

  1. <div class="easyui-dialog" style="width:600px;height:300px"
  2. data-options="title:'My Dialog',modal:true,
  3. toolbar:[{
  4. text:'Edit',
  5. iconCls:'icon-edit',
  6. handler:function(){alert('edit')}
  7. },{
  8. text:'Help',
  9. iconCls:'icon-help',
  10. handler:function(){alert('help')}
  11. }]">
  12. Dialog Content.
  13. </div>
maximized 定义dialog初始化是自动最大化 默认false


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值