Sencha Extjs-如何通过一次设置记录中的数据来更新网格?

Darkdante

我有一个包含1000多个行(用户)和一个检查列的网格,该网格用于将每个用户链接到另一个特定实例(例如一组用户)。我实现了一个“全选”按钮,该按钮可以执行以下操作:

   var items = view.store.data.items;
    var dataIndex = 'dataIndexOfCheckColumn';
    var check = true;
    //view.store.suspendEvents();
    for (var i = 0; i < items.length; i++)
    {
        var record = view.store.getAt(i),
        record.set(dataIndex, check);
        this.fireEvent('checkchange', this, i, check, record);
    }
    //view.store.resumeEvents();

这种方法的问题在于,每个“记录”集都会触发某些事件(验证,取消联接等),并且对于1000条记录来说太多了。Chrome在几乎一秒钟的时间内完成了此操作,但是IE(9,10)在“ ...”->接近2分钟的时间里令人痛苦。

还有另一种方法吗?我想挂起事件在商店上,然后恢复它们并与网格同步存储,但是我没有在文档中找到如何实现这样的事情。

我正在使用ExtJs版本4.0.1

Darkdante

我设法通过暂停和恢复事件来解决此问题,然后刷新视图。如果有人需要这个:

var items = view.store.data.items
    var dataIndex = 'dataIndexOfCheckColumn';
    var check = true;
    /*suspend events to block firing the events on setting record values
    then resume and refresh the view
    */
    view.store.suspendEvents();
            for (var i = 0; i < items.length; i++)
            {
                var record = view.store.getAt(i);
                record.set(dataIndex, check);
                this.fireEvent('checkchange', this, i, check, record);
            }
            view.store.resumeEvents();
            view.getView().refresh();

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

ExtJS网格锁定错误,sencha构建后

来自分类Dev

从 extJs/Sencha 中的商店中按 id 删除记录

来自分类Dev

Sencha extjs属性范围

来自分类Dev

Sencha ExtJS PropertyEditor网格单元格颜色

来自分类Dev

如何覆盖extjs(sencha)中datepicker按钮的文本?

来自分类Dev

Sencha EXTJS4-如何更改按钮的图标ItemSelector

来自分类Dev

如何使用sencha cmd复制ExtJS 5示例?

来自分类Dev

Sencha EXTJS4-如何更改按钮的图标ItemSelector

来自分类Dev

ExtJS / Sencha Touch中组件的config属性有什么意义?

来自分类Dev

sencha extjs的商店中可以有多个代理吗?

来自分类Dev

如何迁移非sencha cmd应用程序以使用sencha cmd构建(ExtJS 4.2)

来自分类Dev

如何迁移非sencha cmd应用程序以使用sencha cmd进行构建(ExtJS 4.2)

来自分类Dev

如何在 extjs 或 sencha 中的日期时间字段中设置时间

来自分类Dev

如何在ExtJS中创建自定义SASS以与Sencha CMD一起编译

来自分类Dev

如何在ExtJS中创建自定义SASS以与Sencha CMD一起编译

来自分类Dev

如何设置当前为桌面构建的Sencha ExtJS项目也适用于移动设备?

来自分类Dev

如何在ExtJS(和Sencha architect)中的GridPanel中显示嵌套对象?

来自分类Dev

Sencha ExtJS 如何在同一行上有两个按钮和文本

来自分类Dev

如何在Sencha ExtJS v6中包含Ext.ux.LiveSearchGridPanel?

来自分类Dev

如何在Sencha ExtJs v6中将公式与商店正确绑定?

来自分类Dev

如何在Sencha ExtJS v6中中止/取消商店的加载操作?

来自分类Dev

如何在Sencha ExtJS 6的最小化菜单中删除工具提示?

来自分类Dev

如何在Sencha ExtJS v6中中止/取消商店的加载操作?

来自分类Dev

如何在Sencha ExtJS 6.2中生成“ css-vars.js”

来自分类Dev

Sencha ExtJS 将一列切成两半

来自分类Dev

如何在sencha extjs mvc应用程序中进行验证

来自分类Dev

Sencha ExtJs 5中的锚点布局和配合布局之间的区别

来自分类Dev

Sencha ExtJS框架中应删除CSS类的哪些组件事件?(烦人的红线)

来自分类Dev

玩!Framework Java Project与Sencha ExtJS集成?

Related 相关文章

  1. 1

    ExtJS网格锁定错误,sencha构建后

  2. 2

    从 extJs/Sencha 中的商店中按 id 删除记录

  3. 3

    Sencha extjs属性范围

  4. 4

    Sencha ExtJS PropertyEditor网格单元格颜色

  5. 5

    如何覆盖extjs(sencha)中datepicker按钮的文本?

  6. 6

    Sencha EXTJS4-如何更改按钮的图标ItemSelector

  7. 7

    如何使用sencha cmd复制ExtJS 5示例?

  8. 8

    Sencha EXTJS4-如何更改按钮的图标ItemSelector

  9. 9

    ExtJS / Sencha Touch中组件的config属性有什么意义?

  10. 10

    sencha extjs的商店中可以有多个代理吗?

  11. 11

    如何迁移非sencha cmd应用程序以使用sencha cmd构建(ExtJS 4.2)

  12. 12

    如何迁移非sencha cmd应用程序以使用sencha cmd进行构建(ExtJS 4.2)

  13. 13

    如何在 extjs 或 sencha 中的日期时间字段中设置时间

  14. 14

    如何在ExtJS中创建自定义SASS以与Sencha CMD一起编译

  15. 15

    如何在ExtJS中创建自定义SASS以与Sencha CMD一起编译

  16. 16

    如何设置当前为桌面构建的Sencha ExtJS项目也适用于移动设备?

  17. 17

    如何在ExtJS(和Sencha architect)中的GridPanel中显示嵌套对象?

  18. 18

    Sencha ExtJS 如何在同一行上有两个按钮和文本

  19. 19

    如何在Sencha ExtJS v6中包含Ext.ux.LiveSearchGridPanel?

  20. 20

    如何在Sencha ExtJs v6中将公式与商店正确绑定?

  21. 21

    如何在Sencha ExtJS v6中中止/取消商店的加载操作?

  22. 22

    如何在Sencha ExtJS 6的最小化菜单中删除工具提示?

  23. 23

    如何在Sencha ExtJS v6中中止/取消商店的加载操作?

  24. 24

    如何在Sencha ExtJS 6.2中生成“ css-vars.js”

  25. 25

    Sencha ExtJS 将一列切成两半

  26. 26

    如何在sencha extjs mvc应用程序中进行验证

  27. 27

    Sencha ExtJs 5中的锚点布局和配合布局之间的区别

  28. 28

    Sencha ExtJS框架中应删除CSS类的哪些组件事件?(烦人的红线)

  29. 29

    玩!Framework Java Project与Sencha ExtJS集成?

热门标签

归档