easyui-datagrd自定义添工具条

最新推荐文章于 2019-04-17 16:53:54 发布

原创最新推荐文章于 2019-04-17 16:53:54 发布 · 468 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#分页 #spring mvc #数据 #easyui

easyui 专栏收录该内容

8 篇文章

订阅专栏

本文介绍两种使用EasyUI框架配置工具栏的方法。第一种方法通过HTML元素直接定义工具栏，包括添加、拒绝和搜索功能。第二种方法利用jQuery选择器和EasyUI API配置工具栏图标及事件处理器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一种：

toolbar:'#tb'


<div id="tb" style="height:auto">
        <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true" onclick="accept()">添加</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-undo',plain:true" onclick="reject()">Reject</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true" onclick="getChanges()">查找</a>
</div>

第二种：

$('#dg').datagrid({
    toolbar: [{
        iconCls: 'icon-edit',
        handler: function(){alert('编辑按钮')}
    },'-',{
        iconCls: 'icon-help',
        handler: function(){alert('帮助按钮')}
    }]
});