本文基于ext-6.0.0

页面就是前面写的那个，有不清楚的可以看一下前面写页面那篇。

一、在toolbar加一个删除按钮

{    text:'删除',    iconCls:'x-fa fa-times',    handler: 'del'},

　　还是加一个完整的图看一下吧：

　　

二、在controller里写删除函数del（一次删除一条）

　　1、通过选择框来选中一条数据，判断是否选中的是一条，如果选中多条或是没选，则弹框提示；

　　

　　2、如果选中一条，弹出是否确认窗口；

　　

　　　　其中：①buttons有YES NO CANCEL OK可选，icon有QUESTION,INFO,ERROR,WARNING可选；

　　　　　　　②按钮对应的文本可以更改，方法如下：

Ext.MessageBox.buttonText.ok = '哦啦';        Ext.MessageBox.buttonText.yes = '必须滴';        Ext.MessageBox.buttonText.no = '那哪行';        Ext.MessageBox.buttonText.cancel = '算了吧';

　　3、点击确认，把后台要求的字段通过ajax传到后台，成功则提示成功并重新加载数据，否则提示删除异常。

全部代码如下：

//**********删除************    del:function(){        var grid = this.getView().lookupReference('personalGrid');        var selectedKey = grid.selModel.getSelection();                if (selectedKey.length != 1) {            Ext.MessageBox.alert('提示', '请选择一条记录！');        }else{            Ext.Msg.show({                title: '提示',                message: '是否确认删除？',                buttons: Ext.Msg.YESNO,                icon: Ext.Msg.QUESTION,                fn: function (btn) {                    if (btn === 'yes') {                        var key = grid.selModel.getLastSelected().get('name');                        Ext.Ajax.request({                            url: URL + key,                            success: function (response, opts) {                                Ext.MessageBox.alert('提示', '删除成功');                                grid.store.reload();                            },                            failure: function (response, opts) {                                Ext.MessageBox.alert('提示', '删除异常');                            }                        });                    }                }            })        }    },

 

 完。---------------------------------------

查拉图斯特拉如是说