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

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

创新互联拥有10多年成都网站建设工作经验,为各大企业提供网站设计制作、网站建设服务,对于网页设计、PC网站建设(电脑版网站建设)、成都App制作、wap网站建设(手机版网站建设)、程序开发、网站优化(SEO优化)、微网站、国际域名空间等,凭借多年来在互联网的打拼,我们在互联网网站建设行业积累了很多网站制作、网站设计、网络营销经验,集策划、开发、设计、营销、管理等网站化运作于一体,具备承接各种规模类型的网站建设项目的能力。

例如: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默认分页大小


文章名称:jQuery-EasyUI修改DataGrid默认分页大小
当前地址:http://myzitong.com/article/gioopc.html