Question

easyui toolbar用js生成可以换行显示

我想在一个grid里加一个的toolbar，现在这个toolbar需要换行显示，第一行显示3个查询项，第二行显示2个查询项。

我只能生成这个样式。
toolbar: [{ text:'<tr><input onclick="dateTimePath()" style="width:80px;"/>' },{ text:'至' },{ text:'<input onclick="dateTimePath()" style="width:80px;"/>' },{ iconCls: 'icon-search', text:'查询</tr>' }],
这是js的代码。
求高手帮解决。求用js生成的代码

• 你的回答被采纳后将获得：
• 系统奖励15（财富值+成长值）+难题奖励10（财富值+成长值）+提问者悬赏5（财富值+成长值）

Answer 1

dg的toolbar 有两种参数类型，一种是数组对象，另一种是DOM元素，所以你可以试着用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'
});

希望能够绑到你

追问

有没有不用html就可以直接将toolbar变成两行的办法，例如给toolbar布局 加个layout什么的，因为写html的话，后面的代码不是很好实现