当前位置: 代码迷 >> Java Web开发 >> jquery easyui toolbar 分割线有关问题
  详细解决方案

jquery easyui toolbar 分割线有关问题

热度:906   发布时间:2016-04-13 22:23:59.0
jquery easyui toolbar 分割线问题
大家好,请教个关于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进去就可以了
  相关解决方案