jquery.jqGrid-4.5.2 按钮移到顶端

最新推荐文章于 2019-06-25 03:46:10 发布

原创最新推荐文章于 2019-06-25 03:46:10 发布 · 7.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#jquery jqgrid

脚本语言专栏收录该内容

13 篇文章

订阅专栏

本文详细介绍了如何通过修改jQuery.jqGrid的js文件，实现网格顶部工具栏的显示，并在此基础上自定义工具栏元素。通过设置toolbar属性为[true, 'top']，可以确保在创建网格时顶部工具栏可见。进一步地，通过向工具栏中追加自定义元素，可以丰富界面功能。具体操作包括修改特定行的代码以调整导航元素的查找方式，并在网格id对应的元素中动态插入自定义表单元素。最终效果如图所示，展示了修改后的jqGrid界面，具备了自定义顶部工具栏的特色。

1、修改 jquery.jqGrid-4.5.2/js/jquery.jqGrid.src.js

9065 行，修改ID

           // var findnav = $(".navtable",elem)[0];
           // 将按钮加到grid的上面
           var findnav = $(".topnavtable")[0], $t = this;

9114行，修改ID

           // var findnav = $(".navtable",elem)[0], $t = this;
           // 将按钮加到grid的上面

var findnav = $(".topnavtable")[0], $t = this;

2、新建jgGrid时设置顶端工具栏显示
toolbar:[true,"top"],

3、在顶端工具栏追加元素
$("#t_gridid").append('<table cellspacing="0" cellpadding="0" border="0" style="float:left;table-layout:auto;margin-top:2px" class="ui-pg-table topnavtable"><tr><td></td></tr></table>');

效果如下图示