2010年06月01日   ExtJs, 头条, 码农之路   8,612 次浏览

有时候我们需要在表格显示所有数据后全选所有记录,我们该怎么样去实现了?

首先,我们一般需要这样定义一个GridPanel

    var grid = new Ext.grid.GridPanel({
      store: areastore,       // 数据源
      cm: areaCm,
      border : true,
      region : "center",
      loadMask : true,
      stripeRows: true,
      iconCls : 'grid-icon',
      sm:new Ext.grid.CheckboxSelectionModel({singleSelect:false}), // 表格前面的复选框
      tbar:[{text:'新增',iconCls : 'icon-add',handler:onAdd}],
      bbar:authPagingBar
    });

其实,我们只要看懂了上面的定义就不难发现,sm是用来处理选择记录的,并且用到了Ext.grid.CheckboxSelectionModel,所有我们可以通过API来看看CheckboxSelectionModel具有哪些方法。其中就有一个方法,selectAll() : void ,看意思就知道是全选。

那么应该在什么时候去持行这个方法了?肯定是当所有数据加载完后。看下面代码:

    // 当数据源中所有数据加载完后持行的方法
    areastore.on('load', function() {
        grid.getSelectionModel().selectAll();   // 选中表中所有记录
    });
赞 赏
申明:除非注明,本站文章均为原创,转载请以链接形式标明本文地址。 如有问题,请于一周内与本站联系,本站将在第一时间对相关内容进行处理。
本文地址: http://www.yyjjssnn.cn/articles/469.html
相关阅读: ExtJs, GridPanel

>>> Hello World <<<

这篇内容是否帮助到你了呢?

如果你有任何疑问或有建议留给其他朋友,都可以给我留言。

:wink: :twisted: :surprised: :smile: :smile9: :smile8: :smile7: :smile6: :smile5: :smile56: :smile55: :smile54: :smile53: :smile52: :smile51: :smile50: :smile4: :smile49: :smile48: :smile47: :smile46: :smile45: :smile44: :smile43: :smile42: :smile41: :smile40: :smile3: :smile39: :smile38: :smile37: :smile36: :smile35: :smile34: :smile33: :smile32: :smile31: :smile30: :smile2: :smile29: :smile28: :smile27: :smile26: :smile25: :smile24: :smile23: :smile22: :smile21: :smile20: :smile1: :smile19: :smile18: :smile17: :smile16: :smile15: :smile14: :smile13: :smile12: :smile11: :smile10: :smile0: :sad: :rolleyes1: :redface: :razz: :question: :neutral: :mrgreen: :mad: :lol: :idea: :exclaim: :evil: :eek: :cry: :cool: :confused: :biggrin: :arrow:

友情链接: 程序员刘杨 刘杨
Copyright 2003~2018 保留所有权利 | 网站地图
备案号:湘ICP备14001005号-2

湘公网安备 43011102001322号