JS动态添加datagrid toolbar属性
toolbar: [{
iconCls: 'icon-add',
id:'startDm',
text:'开始',
handler: function(){}
},'-',{
iconCls: 'icon-help',
id:'someDm',
text:'批量',
handler: function(){handsome();}
},'-',{
iconCls: 'icon-help',
id:'allDm',
text:'全部',
handler: function(){handAll();}
}]
<div class="datagrid-toolbar">
<table cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="display: none;">
<a href="javascript:void(0)" class="l-btn l-btn-small l-btn-plain" group="" id="startDm">
<span class="l-btn-left l-btn-icon-left">
<span class="l-btn-text">开始</span>
<span class="l-btn-icon icon-add"> </span></span>
</a>
</td>
<td>
<div class="datagrid-btn-separator"></div>
</td>
<td>
<a href="javascript:void(0)" class="l-btn l-btn-small l-btn-plain" group="" id="someDm">
<span class="l-btn-left l-btn-icon-left">
<span class="l-btn-text">批量</span>
<span class="l-btn-icon icon-help"> </span></span>
</a>
</td>
<td>
<a href="javascript:void(0)" class="l-btn l-btn-small l-btn-plain l-btn-focus" group="" id="allDm">
<span class="l-btn-left l-btn-icon-left">
<span class="l-btn-text">全部</span>
<span class="l-btn-icon icon-help"> </span></span>
</a>
</td>
<td>
<div class="datagrid-btn-separator"></div>
</td>
</tr>
</tbody>
</table>
</div>
查看datagrid的html代码,可以发现toolbar的样式为.datagrid-toolbar.
一个按钮为一个 <td></td>标签.
动态隐藏toolbar中的一个按钮:,$('#startDm').parent().hide();
动态隐藏toolbar,$('.datagrid-toolbar').hide()

浙公网安备 33010602011771号