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


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

wKioL1RJEW7wlbF_AAAuy104yQM412.jpg


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


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

wKiom1RJESCBFxllAABUJ-wesuM881.jpg


修改为:

wKioL1RJEW-Ac8s6AABhoPxCUhs334.jpg


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

wKiom1RJESCSlz-BAAAyKoGn5G8959.jpg