ExtJS中的Grid表格实现删除行功能部分代码

最新推荐文章于 2021-07-06 11:16:27 发布

原创最新推荐文章于 2021-07-06 11:16:27 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#extjs

编程语言专栏收录该内容

10 篇文章

订阅专栏

这篇博客介绍了如何在ExtJS中实现Grid表格的删除行功能，特别强调了`storeId: 'persons'`这一配置项的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需要注意的是：storeId: 'persons'，
 {
                        xtype: 'button',                        text: '删除',                        handler: function () {                            var sm = Ext.ComponentQuery.query('grid')[0].getSelectionModel();                            var personArr = sm.getSelection();                            if (personArr.length != 0) {                                Ext.Msg.confirm("提示", "共选中" + personArr.length + "条数据，是否确认删除？", function (btn) {                                    if (btn == 'yes') {                                        //先删除后台再删除前台                                        //ajax 删除后台数据 成功则删除前台数据；失败则不删除前台数据                                        //Extjs 4.x 删除                                        Ext.data.StoreManager.lookup('persons').remove(personArr);                                    } else {                                        return;                                    }                                });                            } else {                                //Ext.Msg.confirm("提示", "无选中数据");                                Ext.Msg.alert("提示", "无选中数据");                            }                        }                    } {
                        xtype: 'button',
                        text: '删除',
                        handler: function () {
                            var sm = Ext.ComponentQuery.query('grid')[0].getSelectionModel();
                            var personArr = sm.getSelection();
                            if (personArr.length != 0) {
                                Ext.Msg.confirm("提示", "共选中" + personArr.length + "条数据，是否确认删除？", function (btn) {
                                    if (btn == 'yes') {
                                        //先删除后台再删除前台
                                        //ajax 删除后台数据 成功则删除前台数据；失败则不删除前台数据
                                        //Extjs 3.x 删除
//                                       Ext.Array.each(personArr, function (p) {
//                                           Ext.data.StoreManager.lookup('persons').remove(p);
//                                       });
                                        //Extjs 4.x 删除
                                        Ext.data.StoreManager.lookup('persons').remove(personArr);
                                    } else {
                                        return;
                                    }
                                });
                            } else {
                                //Ext.Msg.confirm("提示", "无选中数据");
                                Ext.Msg.alert("提示", "无选中数据");
                            }
                        }
                    }