easyui dialog属性

来源:互联网 发布:360手机数据恢复 编辑:程序博客网 时间:2024/06/16 00:13

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

  1. <divclass="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