easy ui dialog

名称 类型 说明 默认 
title string 对话框标题文本。 New Dialog 
collapsible boolean 定义是否显示折叠按钮。 false 
minimizable boolean 定义是否显示最小化按钮。 false 
maximizable boolean 定义是否显示最小化按钮。 false 
resizable boolean 对话框定义是否可以调整大小。 false 
toolbar array,selector 顶部工具栏的对话框中,可能的值:
1) 一个数组,每个工具选项linkbutton一样。
2) 一个选择器,该选择器显示工具栏。 
对话框工具栏可以被声明在< div >标记:<div class="easyui-dialog" style="width:600px;height:300px" data-options="title:'My Dialog',toolbar:'#tb',modal:true">  
  Dialog Content.  
</div>  
<div id="tb">  
  <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true"/a>  
  <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-help',plain:true"/a>  
</div>  工具栏的对话框也可以通过数组定义:<div class="easyui-dialog" style="width:600px;height:300px" data-options="title:'My Dialog',modal:true,toolbar:[{ text:'Edit', iconCls:'icon-edit', handler:function(){alert('edit')} },{ text:'Help', iconCls:'icon-help', handler:function(){alert('help')}}]">  
  Dialog Content.  
</div>   null 
buttons array,selector 底部的按钮的对话框中,可能的值:
1) 一个数组,每个按钮选项是linkbutton一样。
2) 一个选择器,该选择器显示按钮栏。 
这个按钮可以被声明在< div >标记:<div class="easyui-dialog" style="width:600px;height:300px" data-options="title:'My Dialog',buttons:'#bb',modal:true">  
  Dialog Content.  
</div>  
<div id="bb">  
  <a href="#" class="easyui-linkbutton">Save</a>  
  <a href="#" class="easyui-linkbutton">Close</a>  
</div>  按钮也可以通过数组定义:<div class="easyui-dialog" style="width:600px;height:300px" data-options="title:'My Dialog',modal:true,buttons:[{text:'Save', handler:function(){...} },{text:'Close', handler:function(){...} }]">  
   Dialog Content.  
</div>