大家都知道,ExtJs的快捷与方便在企业应用的项目中还是优势巨大的,可是灵活性总是差强人意。
这边笔记主要记录下GridPanel复选框和分页底部工具栏的一些灵活方法,应该算是曲线救国的方法,目前只用到这样的,希望以后能找到更好的办法。
情况是这样的,需求一个GridPanel,自带复选框列,带分页工具。按照模板写好后发现以下问题:
1、复选款全选按钮在翻页时无法刷新勾选状态。
2、复选框翻页后无法记录上页选中状态和记录。
3、刷新按钮无效。
经过查找资料和询问,明白了EXT的复选框其实是以DIV样式图片来实现的,并不是HTML标签,所以找到复选框对应的ID,进行手动切换。
绑定时间的入口选取为Store的load()事件,毕竟,翻页和刷新,store都是重新laod数据的。问题暂时解决。
以下是示例代码。
Ext.getCmp(_ID + 'MedicineQueryListGrid').getStore().on("load",
function() {
// 存在详细信息PANEL时删除
if (Ext.getCmp('detailpanel') != null) {
Ext.getCmp('detailpanel).destroy();
Ext.getCmp('id_detail')