带有 CodeIgniter 的 Extjs:无法从网格中删除用户


Extjs with CodeIgniter: Can't delete a user from a grid

我正在遵循以下教程:

http://mrhawley.com/

问题是它没有完成。然而,到目前为止,它是使用 sencha cmd 开发 extjs 应用程序并使用 CodeIgniter 作为后端框架的最佳教程。

我决定尝试填补空白,猜测他要去哪里。我让创建/读取和更新方法都运行良好,但我似乎无法删除工作。

这是我的extjs商店:

Ext.define('BugTracker.store.user.UserList', {
extend: 'Ext.data.Store',
requires: [
    'BugTracker.model.user.UserList'
],
constructor: function(cfg) {
    var me = this;
    cfg = cfg || {};
    me.callParent([Ext.apply({
            model: 'BugTracker.model.user.UserList',
            autoLoad: false,
            remoteFilter: false,
            remoteSort: false,
            pageSize: 5,
            sorters: {
                property: 'username',
                direction: 'asc'
            },
            proxy: {
                type: 'rest',
                actionMethods: {
                    create: 'POST',
                    read: 'GET',
                    update: 'POST',
                    destroy: 'POST'
                },
                api: {
                    create: 'index.php/user/new_user',
                    read: 'index.php/user/get_users',
                    update: 'index.php/user/update_user',
                    destroy: 'index.php/user/delete_user'
                },
                reader: {
                    type: 'json',
                    root: 'data'
                },
                writer: {
                    type: 'json',
                    writeAllFields: false,
                    allowSingle: false,
                    encode: true,
                    root: 'data'
                }
            }
        }, cfg)]);
}
});

这是我的extjs控制器:

Ext.define('BugTracker.controller.user.UserAdmin', {
extend: 'Ext.app.Controller',
refs: [
    {
        ref:'userForm',
        selector:'userform'
    }
],
init: function(){
    this.control({
        'maintoolbar button[action=openUserAdminPanel]':{
            click:function(){
                var panel =  Ext.widget('useradminpanel');
                panel.show();
            }
        },
        'userform button[action=saveUser]':{
            click:function(button){
                var form = button.up('form').getForm(),
                    values = form.getValues(),
                    store = Ext.getStore('user.UserList');
                if (form.isValid()) {
                    switch (button.getText()){
                        case 'Save':
                            store.create(values);
                            break;
                        case 'Update':
                            var record = form.getRecord();
                            record.set(values);
                            store.update();
                            button.setText('Save');
                    }
                    this.LoadUserList();
                    this.ResetForm(form);
                }
            }
        },
        'userform button[action=deleteUser]':{
            click:function(button){
                var form = button.up('form').getForm(),
                    values = form.getValues(),
                    store = Ext.getStore('user.UserList');
                if (form.isValid()) {
                    Ext.MessageBox.confirm('Delete',
                        'Are you sure you want to delete user "' + values.username + '"?',
                        function(button){
                            switch (button) {
                                case 'yes':
                                    store.destroy(values.id);
                                    break;
                                default:
                                    break;
                            }
                        });
                    this.LoadUserList();
                }
                this.ResetForm(form);
            }
        },
        'userlist':{
            afterrender:this.LoadUserList,
            cellclick:function(grid,td,cellIndex,record,tr,rowIndex,e,eOpts){
                var form = this.getUserForm(),
                    button = form.down('button[action=saveUser]');
                form.loadRecord(record);
                button.setText('Update');
            }
        }
    });
},
ResetForm:function(form){
    form._record = null;
    form.reset();
},
LoadUserList:function(){
    var store = Ext.getStore('user.UserList');
    store.removeAll();
    store.load();
}
});

正如你所看到的,当我点击删除按钮时,它会调用store.destroy,并向index.php/users/delete_user发送POST调用。但是,它正在发送一个空数组。我已经倾倒了 values.id,它提供了正确的ID。我尝试发送整个阵列。无论我做什么,它都会发送一个空数组。

所以我在后端转储了"数据"键来确定正在发送的内容。这是想出一个空数组。但是,我注意到当我调用store.destroy(values)时,发送了"id",但它不是数据密钥的一部分。然后我继续说明这一点,删除工作正常。

我感到困惑的原因是因为我将代理的读取器和编写者设置为具有"数据"的根。但是,我想删除项目不属于其中任何一个,因此不会将其 id 放在"数据"根中。谢谢@stormdrain给我一个关于这个问题的提示!