Question

我正在使用EXTJS网格开发一个带分页的复选框网格列表。我需要在执行页面导航时记住所选记录。

详细说明： 1）转到页面：1并选择第1,2和3行。 2）现在导航到页面：2 3）回到页面：1 4）已经选择的行1,2和3应显示为选中

网格中是否有处理这种功能的api？

提前致谢。

Answer 1

感谢您的回复。我通过实现一个网格插件实现了我的设计。该插件看起来像，

Ext.namespace('Ext.ux.plugins');

Ext.ux.plugins.CheckBoxMemory = Ext.extend(Object,
{
   constructor: function(config)
   {
      if (!config)
         config = {};

      this.prefix = 'id_';
      this.items = {};
      this.idProperty = config.idProperty || 'id';
   },

   init: function(grid)
   {
      this.view = grid.getView()
      this.store = grid.getStore();
      this.sm = grid.getSelectionModel();
      this.sm.on('rowselect', this.onSelect, this);
      this.sm.on('rowdeselect', this.onDeselect, this);
      this.store.on('clear', this.onClear, this);
      this.view.on('refresh', this.restoreState, this);
   },

   onSelect: function(sm, idx, rec)
   {
      this.items[this.getId(rec)] = true;
   },

   onDeselect: function(sm, idx, rec)
   {
      delete this.items[this.getId(rec)];
   },

   restoreState: function()
   {
      var i = 0;
      var sel = [];
      this.store.each(function(rec)
      {
         var id = this.getId(rec);
         if (this.items[id] === true)
            sel.push(i);

         ++i;
      }, this);
      if (sel.length > 0)
         this.sm.selectRows(sel);
   },

   onClear: function()
   {
      var sel = [];
      this.items = {};
   },

   getId: function(rec)
   {
      return rec.get(this.idProperty);
   }
});

这个插件是从gird中调用的，

Ext.grid.Gridpanel({
store: 'someStore',
plugins: [new Ext.ux.plugins.CheckBoxMemory({idProperty: "recordID"})]

});

希望这对某人有所帮助。

Answer 2

我认为没有。您需要将选定记录的ID存储在某个单独的商店/数组中，并在页面更改时使用它重新应用选择。

Answer 3

您可以将MixedCollection对象放在全局范围内以跟踪这些记录。这将允许您存储不同对象类型的全局设置。

EXTJS 3.3.3网格

3 个答案: