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()

 

posted @ 2016-08-07 21:38  陌灬尘  阅读(1760)  评论(0)    收藏  举报