EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: ejzhang on June 14, 2012, 08:39:03 PM



Title: 如何给表单(Form)添加对话框(Dialog)那样的工具条(Toolbar)?
Post by: ejzhang on June 14, 2012, 08:39:03 PM
我想给表单(Form)添加一个像对话框(Dialog)或数据表(DataGrid)那样的工具条(Toolbar),我尝试用面板(Panel)来实现,但是效果不理想,用对话框(Dialog)又会弹出新窗口,不只想在原窗口中显示,请问如何做,谢谢!


Title: Re: 如何给表单(Form)添加对话框(Dialog)那样的工具条(Toolbar)?
Post by: ejzhang on June 15, 2012, 06:02:40 AM
Quote
<div id="panel" toolbar="#toolbar" fit="true">
<div id="toolbar" class="datagrid-toolbar">
   <div style="float:left;"><nobr>&nbsp;单位<select class="easyui-combo" type="text" id="sDepartment" name="sDepartment" editable="false" style="width:88px"><option value="0">全部</option></select></nobr></div>
   <div style="float:left;"><nobr>&nbsp;日期<input class="easyui-datebox" type="text" id="sDate" name="sDate" editable="false" style="width:82px" /></nobr></div>
   <div class="datagrid-btn-separator" style="float:left;"></div>
   <div style="float:left;"><nobr><a href="javascript:void(0)" class="easyui-linkbutton" id="btnSave" iconCls="icon-save" plain="true">保存</a></nobr></div>
</div></div>
解决了,给toolbar加上“class="datagrid-toolbar"”就行了,红色部分。