大家好,请教个关于jquery easyui的问题,
在datagrid的toolbar中,有两种实现方式,一种是:
[ {
text : '新增',
iconCls : 'icon-add',
handler : addNew
}, '-', {
text : '修改',
iconCls : 'icon-edit',
handler : updateInfo
}]
一种是:
<div id="toolbar">
<a href="#" class="easyui-linkbutton"
data-options="iconCls:'icon-add',plain:true"
onClick="javascript:addNew();">新增</a>
<a href="#"
class="easyui-linkbutton"
data-options="iconCls:'icon-edit',plain:true"
onClick="javascript:updateInfo();">修改</a>
</div>
请教下第二种方式toolbar 按钮的分割符('-')如何实现?
本人尝试在linkbutton之间增加:<div class="datagrid-btn-separator" />,但最终的分割符都挤在toolbar的开头。请教大家如何解决。
------解决思路----------------------
学习中。
------解决思路----------------------
<div id="toolbar">
<table cellspacing="0" cellpadding="0">
<tr>
<td>
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true" onClick="javascript:addNew();">新增</a>
</td>
<td>
<div class="datagrid-btn-separator"></div>
</td>
<td>
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true" onClick="javascript:updateInfo();">修改</a>
</td>
</tr>
</table>
</div>
多套一个Table进去就可以了