在extjs中删除行后重新加载网格选择

aayush_v20

我有一个带有一列的网格,当用户选择该网格时,该网格用于在各种文本字段中显示信息,这些文本框是嵌入在右侧面板中的复选框。我已经在网格的行级别实现了删除功能。现在,我希望这两件事中的任何一个都能发生。

1)默认选择是在删除任何行后默认选择第一行。

2)清除右侧面板中各个组件中的信息。

当前发生的情况是,由于在网格中未选择任何内容,因此与删除的行相对应的信息将在删除后保留,因此先前选择的选项用于在右侧显示信息。

马特

由于从网格中删除记录意味着取消选择记录,因此您实际上只需要侦听网格中对选择的更改并在不存在选择的情况下实现所需的行为。

我建议selectionchange使用该事件,因为您可以通过检查新的选择状态来涵盖选择和取消选择:

grid.on({
    'selectionchange': function(sm, selectedRecords) {
        if (selectedRecords.length === 0) {
            // no selection -> clear fields or select the first row
        } else {
            // selection exists -> load data into fields
        }
    }
});

(假设您使用的是单选,即可以选择一行或不选择一行)

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

删除记录后Extjs 3.4重新加载网格

来自分类Dev

免费的jqGrid 4.8.0-删除后在不重新加载的情况下隐藏网格中的行

来自分类Dev

PHP / MYSQL:重新加载后,删除的行仍显示在我的页面中

来自分类Dev

选择后从extjs组合框中删除突出显示

来自分类Dev

重新加载部分后无法取消选择tableView行

来自分类Dev

在ExtJS4中使用新的URL重新加载网格存储

来自分类Dev

在KieBase中添加/删除规则后重新加载KieSession

来自分类Dev

在AngularJS中删除项目后如何重新加载状态?

来自分类Dev

在ExtJS网格中禁用多行选择

来自分类Dev

可编辑网格ExtJS,如何在网格上编辑行后更新数据库中的行

来自分类Dev

重新加载页面时,从 Angular 6 中的 url 中删除 # 后页面不会加载。

来自分类Dev

编辑后无需刷新页面即可在EXTJS网格中设置编辑行

来自分类Dev

重新删除行后在csv中的数据排名

来自分类Dev

删除后在javascript中重新编号附加表行

来自分类Dev

删除项目后,symfony重新加载页面

来自分类Dev

如何用过滤后的数据重新加载剑道网格?

来自分类Dev

ExtJS 7如何在右键单击上选择网格行

来自分类Dev

ExtJs 3.4:启用网格行选择上的按钮

来自分类Dev

ExtJS 4,如何选择网格行以及单行也可单击?

来自分类Dev

ExtJs中的CheckboxSelectionModel网格:无法选择网格面板中的复选框,选择标题复选框时将选中所有行

来自分类Dev

extjs:带行编辑/删除/添加的网格缓冲滚动

来自分类Dev

extjs:带行编辑/删除/添加的网格缓冲滚动

来自分类Dev

在选择框上选择值后重新加载网页

来自分类Dev

从 ng-bootstrap Modal 中删除后使用新数据重新加载组件

来自分类Dev

如何删除网格存储extjs中的空阀

来自分类Dev

删除行后未重新绘制JTable

来自分类Dev

在EXTJS的“模态”窗口中单击按钮时,在主窗口中重新加载存储/刷新网格

来自分类Dev

如何刷新或重新加载extjs4.1中的面板视图

来自分类Dev

如何在JQgrid中重新加载/刷新子网格?

Related 相关文章

  1. 1

    删除记录后Extjs 3.4重新加载网格

  2. 2

    免费的jqGrid 4.8.0-删除后在不重新加载的情况下隐藏网格中的行

  3. 3

    PHP / MYSQL:重新加载后,删除的行仍显示在我的页面中

  4. 4

    选择后从extjs组合框中删除突出显示

  5. 5

    重新加载部分后无法取消选择tableView行

  6. 6

    在ExtJS4中使用新的URL重新加载网格存储

  7. 7

    在KieBase中添加/删除规则后重新加载KieSession

  8. 8

    在AngularJS中删除项目后如何重新加载状态?

  9. 9

    在ExtJS网格中禁用多行选择

  10. 10

    可编辑网格ExtJS,如何在网格上编辑行后更新数据库中的行

  11. 11

    重新加载页面时,从 Angular 6 中的 url 中删除 # 后页面不会加载。

  12. 12

    编辑后无需刷新页面即可在EXTJS网格中设置编辑行

  13. 13

    重新删除行后在csv中的数据排名

  14. 14

    删除后在javascript中重新编号附加表行

  15. 15

    删除项目后,symfony重新加载页面

  16. 16

    如何用过滤后的数据重新加载剑道网格?

  17. 17

    ExtJS 7如何在右键单击上选择网格行

  18. 18

    ExtJs 3.4:启用网格行选择上的按钮

  19. 19

    ExtJS 4,如何选择网格行以及单行也可单击?

  20. 20

    ExtJs中的CheckboxSelectionModel网格:无法选择网格面板中的复选框,选择标题复选框时将选中所有行

  21. 21

    extjs:带行编辑/删除/添加的网格缓冲滚动

  22. 22

    extjs:带行编辑/删除/添加的网格缓冲滚动

  23. 23

    在选择框上选择值后重新加载网页

  24. 24

    从 ng-bootstrap Modal 中删除后使用新数据重新加载组件

  25. 25

    如何删除网格存储extjs中的空阀

  26. 26

    删除行后未重新绘制JTable

  27. 27

    在EXTJS的“模态”窗口中单击按钮时,在主窗口中重新加载存储/刷新网格

  28. 28

    如何刷新或重新加载extjs4.1中的面板视图

  29. 29

    如何在JQgrid中重新加载/刷新子网格?

热门标签

归档