Question

我正在使用ExtJS 4.0.7及其标准的MVC架构。我有一个包含自定义store和model类的网格。数据通过store.load()远程加载。我正在使用ext-dev.js进行动态依赖性加载的调试。

该应用加载正常，Chrome控制台无错误。但问题是我的商店中的记录与我的AJAX调用提供的数据完全相同，无论我的模型中有哪些字段。我甚至尝试重命名和删除字段，但Ext没有注意。

使用控制台浏览我的store对象，表明这些记录都有自己的自定义运行时生成的名为Ext.data.reader.Json-Modelext-gen1141的模型类。以下是我的代码的要点：

我的模特：

Ext.define('MyApp.model.FooModel', {
    extend: 'Ext.data.Model',

    idProperty: 'column1',
    fields: [
        {name: 'column1', convert: function(value, record) {
            return value + ' TEST-TEST-TEST';
        }},
        'column2',
        'column3'
    ]
});

我的商店：

Ext.define('MyApp.store.FooStore', {
    extend: 'Ext.data.Store',
    model: 'MyApp.model.FooModel',
    autoLoad: false,
    proxy: {
        type: 'ajax',
        url: '/blah/blah',
        reader: {
            type: 'json'
        }
    }
});

我的网格：

Ext.define('MyApp.view.FooGrid', {
    extend: 'Ext.grid.Panel',
    alias: 'fooGrid',
    store: 'FooStore',
    columns: [{
        text: 'Column 1',
        dataIndex: 'column1',
        flex: 1
    },{
        text: 'Column 2',
        dataIndex: 'column2',
        flex: 1
    },{
        text: 'Column 3',
        dataIndex: 'column3',
        flex: 1
    }]
});

我的控制器：

Ext.define('MyApp.controller.Foo', {
    extend: 'Ext.app.Controller',
    views: ['FooGridFrame'],
    models: ['FooModel'],
    stores: ['FooStore'],

    init: function() {
        this.control({
            'fooGrid': {
                activate: function(grid) {
                    grid.getStore().load();
                }
            }
        });
    }
});

我不知道我做错了什么。有什么想法吗？

Answer 1

事实证明，AJAX后端（由Ext3的另一个dev编写）通过metaData属性提供一些配置数据。我不知道Ext的Store对此有所关注。通过更新后端以省略metaData属性来解决我的问题。

它可能也会更新metaData以提供我需要的适当配置，但我正在重构以在客户端中进行所有UI配置。

ExtJS 4（MVC）存储不使用我的自定义Model类

1 个答案: