extjs记录被所需属性破坏

q9yhzks0 于 2023-02-22 发布在其他

关注(0)|答案(2)|浏览(127)

我正在开发Exjs的mvc应用程序。
我有一个Extjs模型：

Ext.define('JC.model.File', {
   extend: 'Ext.data.Model',
   fields: [
       {name: 'id', type: 'int'},
       {name: 'fileName', type: 'string'},
       {name: 'fileSize', type: 'string'},
       {name: 'position', type: 'string'}
   ]
});

和存储器：

Ext.define('JC.store.Files', {
   extend: 'Ext.data.Store',
   model: 'JC.model.File',
   proxy: {
       url: JC.Util.createUrl('upload/getfiles'),
       type: 'ajax',
       simpleSortMode: true,
       reader: {
           type: 'json',
           root: 'items',
           totalProperty: 'totalCount'
       },
       api: {
           create: '',
           read: undefined,
           update: undefined,
           destroy: JC.Util.createUrl('upload/deletefile')
       },

       actionMethods:{create: 'POST', read: 'GET', update: 'POST', destroy: 'GET'}
   }
});

以及具有以下列的网格面板：

columns: [
    {header: 'id', dataIndex: 'id', flex: 1},
    {header: 'file name', dataIndex: 'fileName', flex: 1},
    {header: 'file size', dataIndex: 'fileSize', flex: 1},
    {header: 'position', dataIndex: 'position', flex: 1}, {
        xtype: 'actioncolumn', items: [
            {
                icon: 'css/images/tree/black-trash-16.png', // Use a URL in the icon config
                tooltip: 'Delete',
                handler: function(grid, rowIndex, colIndex) {
                    var rec = grid.getStore().getAt(rowIndex);
                    grid.getStore().destroy(rec);
                }
            }
        ]
    }
],

在以下行：

grid.getStore().destroy(rec);

AJAX 请求被创建如下：

http://localhost:8084/myserver/deletefile?_dc=1422789950411&id=JC.model.File-6

我希望删除操作请求的id是记录i的所需属性，例如rec.id，并且我希望它是int类型。我希望请求如下所示：

http://localhost:8084/myserver/deletefile?_dc=1422789950411&id=6

我该怎么做呢？

extjs

来源：https://stackoverflow.com/questions/28262274/extjs-record-destroy-by-desired-property

2条答案

按热度按时间

62lalag41#

我已经设置了一个小提琴来重现这个问题。
我只是通过将destory操作的actionMethod更改为POST并在模型上设置一个idProperty才成功地实现了这一点。

Ext.application({
    name: 'Fiddle',

    launch: function() {
        Ext.define('File', {
            extend: 'Ext.data.Model',
            idProperty: 'id',

            fields: [{
                name: 'id',
                type: 'int'
            }, {
                name: 'fileName',
                type: 'string'
            }, {
                name: 'fileSize',
                type: 'string'
            }, {
                name: 'position',
                type: 'string'
            }]
        });

        Ext.define('Files', {
            extend: 'Ext.data.Store',
            model: 'File',
            autoLoad: true,
            proxy: {
                url: 'data1.json',
                type: 'ajax',
                simpleSortMode: true,
                reader: {
                    type: 'json',
                    rootProperty: 'items',
                    totalProperty: 'totalCount'
                },
                api: {
                    create: '',
                    read: 'data1.json',
                    update: '',
                    destroy: 'delete.json',
                },

                actionMethods: {
                    create: 'POST',
                    read: 'GET',
                    update: 'POST',
                    destroy: 'POST'
                }
            }
        });

        var store = Ext.create('Files');

        Ext.create('Ext.grid.Panel', {
            title: 'Test',
            store: store,
            columns: [{
                header: 'id',
                dataIndex: 'id',
                flex: 1
            }, {
                header: 'file name',
                dataIndex: 'fileName',
                flex: 1
            }, {
                header: 'file size',
                dataIndex: 'fileSize',
                flex: 1
            }, {
                header: 'position',
                dataIndex: 'position',
                flex: 1
            }, {
                xtype: 'actioncolumn',
                items: [{
                    icon: 'css/images/tree/black-trash-16.png',
                    tooltip: 'Delete',
                    width:50,
                    handler: function(grid, rowIndex, colIndex) {
                        var rec = grid.getStore().getAt(rowIndex);
                        rec.erase();
                    }
                }]
            }],
            height: 300,
            width: 600,
            renderTo: Ext.getBody()
        });
    }
});

// Sample JSON Data
{
    "success": true,
    "totalCount": 5,
    "items": [{
        "id": 1,
        "fileName": 'file1.png',
        "fileSize": 93204,
        "position": 1
    }, {
        "id": 2,
        "fileName": 'file2.png',
        "fileSize": 93204,
        "position": 1
    }, {
        "id": 3,
        "fileName": 'file3.png',
        "fileSize": 93204,
        "position": 1
    }, {
        "id": 4,
        "fileName": 'file4.png',
        "fileSize": 93204,
        "position": 1
    }, {
        "id": 5,
        "fileName": 'file5.png',
        "fileSize": 93204,
        "position": 1
    }]
}

赞(0）回复(0）举报 2023-02-22

wvmv3b1j2#

我知道这是一篇老文章，但是您可以通过在模型中定义proxy.writer来发送所需的模型数据，在代理编写器定义中，您可以定义transform.fn，它将返回要发送到服务器的数据，作为model.data:

writer: {
        type: 'json',
        allDataOptions:  {changes: true, critical: true},
        partialDataOptions: {changes: true, critical: true},
        encode: true,
        rootProperty: 'group',
        transform: {
            fn: function(data, request, isDraft, model) {
                if(request) {
                    if(request.getAction() == 'destroy') {
                        data.id = me.get('id');
                        data.type = me.get('type');
                    }else if(request.getAction() == 'create') {
                        delete(data.id);
                    }
                }
                return data;
            }
        }
    },

赞(0）回复(0）举报 2023-02-22

我来回答

extjs记录被所需属性破坏

2条答案

相关问题

热门标签

最新问答