ExtJs4.1 RowEditing时新增取消自动删除该行 + 判断是新增还是修改

最新推荐文章于 2021-03-09 21:40:30 发布

原创最新推荐文章于 2021-03-09 21:40:30 发布 · 3k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#extjs #ExtJS #EXTJS #Extjs #RowEditing

Extjs 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了如何在ExtJS4.1中使用RowEditing插件时，避免在取消编辑时自动删除新增行。通过监听编辑事件，判断记录是否存在Id字段来区分新增还是修改操作。对于新增操作，显示成功消息；对于修改操作，显示修改成功消息并刷新页面。


//

var rowEditing = Ext.create('Ext.grid.plugin.RowEditing', {
                clicksToMoveEditor: 1,
                saveBtnText: '更新', 
                cancelBtnText: '取消', 
                errorSummary :false,
                autoCancel: true,
                cancelEdit:function(grid) {
                    if (this.editing) {
                        this.getEditor().cancelEdit();
                        var record=this.context.record;
                        if(typeof (record.data.Id) == 'undefined'){
                            var grid=this.context.grid;
                            var items=grid.getSelectionModel().getSelection();
                            Ext.each(items,function(item){
                                store.remove(item);
                            })
                        }
                    }
                }
            });


plugins: [rowEditing],
                listeners:{
                       "edit":function(editor,e){
                            //新增
                            if(typeof (e.record.data.Id) == 'undefined'){
                                Ext.popup.msg(e.record.data.RoleName);
                                Ext.popup.msg('新增成功');
                            }//修改
                            else{
                                Ext.popup.msg(e.record.data.RoleName);
                                Ext.popup.msg('修改成功');
                                Ext.getCmp('pagebar').doRefresh();
                            }
                        }
                }