温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

jQuery-EasyUI修改DataGrid默认分页大小

发布时间:2020-06-08 09:45:25 来源:网络 阅读:11561 作者:hhuayuan 栏目:web开发

发现EasyUI还是很强大的,也很方便,但对于像我这样刚刚接触这个框架,JavaScript也不是很熟练的人来说,定制起来就有点困难了,主要是想要修改源码起到全局修改的作用时对应的代码找起来比较麻烦。


例如:EasyUI的DataGrid默认分页是每页10条,可供选择的每页记录数是按10递增,即10、20、30等等(如图)

jQuery-EasyUI修改DataGrid默认分页大小


EasyUI本身包含了很多文件,要修改找起来真不容易,在./themes/default/easyui.css(./表示easyui根目录,default是我使用的主题,要根据你实际情况而定查找未果,把注意力转移到了./jquery.easyui.min.js上面。


使用10,20,30,40作为搜索关键字,终于在jquery.easyui.min.js找到了对应的地方进行修改(如图)。

jQuery-EasyUI修改DataGrid默认分页大小


修改为:

jQuery-EasyUI修改DataGrid默认分页大小


修改保存后刷新页面,效果如图:

jQuery-EasyUI修改DataGrid默认分页大小

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI