Easyui datagrid toolbar 模板

Posted 摩塔智能科技

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Easyui datagrid toolbar 模板相关的知识,希望对你有一定的参考价值。

      <div id="DataGridEmployeeToolBar" border="false" style="border-bottom: 1px solid #ddd; height: 32px; padding: 2px 5px; background: #fafafa;">
            <div style="float: left;">
                <a href="#" class="easyui-linkbutton" plain="true" icon="icon-add" onclick=" OpendlgEditEmployee(‘‘, ‘‘)">添加</a>
            </div>

            <div class="datagrid-btn-separator"></div>

            <div style="float: left;">
                <a href="#" class="easyui-linkbutton" plain="true" icon="icon-edit" onclick="  OpendlgEditEmployee(‘ModifyEmployee‘, $(‘#DataGridEmployee‘).datagrid(‘getSelected‘).id)">修改</a>
            </div>

            <div class="datagrid-btn-separator"></div>

            <div style="float: left;">
                <a href="#" class="easyui-linkbutton" plain="true" icon="icon-remove" onclick=" DeleteEmployee()">删除</a>
            </div>

            <div class="datagrid-btn-separator"></div>

            <div style="float: left;">
                <a href="#" class="easyui-linkbutton" plain="true" icon="icon-application_view_icons" onclick=" GetAllEmployeeList()">显示所有</a>
            </div>

            <div class="datagrid-btn-separator"></div>

            <div style="float: left;padding:2px">
                <input class="easyui-searchbox" data-options="prompt:‘请输入姓名‘,searcher:SearchByRealName" style="width: 150px"></input>
            </div> 
   
        </div>

  

以上是关于Easyui datagrid toolbar 模板的主要内容,如果未能解决你的问题,请参考以下文章

easyui datagrid自己定义操作列

雷林鹏分享:jQuery EasyUI 应用 - 创建 CRUD 数据网格(DataGrid)

easyui datagrid 怎么默认列可编辑?

jQuery EasyUI教程之datagrid应用

jquery easyui 怎么动态控制toolbar的显示

jquery easyui 怎么动态控制toolbar的显示