Question

easyui datagrid toolbar 定义时放combox

我是自定义的toolbar，如下：
var CateToolBar = [
{
id:'BtnAdd',
text:'添加',
iconCls:'icon-add',
handler:function(){
}
},'-',
{
id:'BtnSave',
text:'保存',
iconCls:'icon-save',
handler:function(){
}
},'-',
{
id:'BtnUpdate',
text:'修改',
iconCls:'icon-edit',
handler:function(){
}
}]
想在这里面添加一个combobox，有解决办法吗？

DataGrid是这样加载的：
$('#dg').datagrid({
toolbar : CateToolBar
});

Answer 1

dg的toolbar 有两种参数类型，一种是数组对象，另一种是DOM元素，例如：

<div id="dgToolBtn" style="padding:5px;height:auto">
<div style="margin-bottom:5px">
<select class="easyui-combobox" panelHeight="auto" style="width:100px">
<option value="0">未审核</option>
<option value="1">通过</option>
</select>
开始时间：<input name="startdate" class="easyui-datebox"/>
结束时间：<input name="enddate" class="easyui-datebox"/>
<a href="#" class="easyui-linkbutton" iconCls="icon-search">查找</a>
</div>
<div class="btnDiv">
<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="add();">添加</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="edit();">修改</a>
</div>
</div>
$('#dg').datagrid({
toolbar : '#dgToolBtn'
});
希望能够帮到你！