1

我正在关注以下教程：

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。我试过发送整个数组。无论我做什么，它都会发送一个空数组。

4

1 回答 1

0

所以我在后端转储了“数据”键以确定发送的内容。这是一个空数组。但是，我注意到，当我调用store.destroy(values)该“id”时，它已发送，但它不是数据键的一部分。然后我开始对此进行解释，删除工作正常。

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

于 2013-09-24T20:39:37.840 回答