1

我有一个 ExtJS 6.5.1 应用程序。我无法将grid列绑定到 viewModel。我对网格 && 表单使用相同的 viewModel。

如果我绑定 fieldLabel 它可以工作。如果我将网格标题绑定到也可以工作的视图模型。它只是我无法绑定的列标题。

我收到以下错误：

Ext.mixin.Bindable.applyBind(): Cannot bind header on Ext.grid.column.Column - missing a setHeader method.

和

this[binding._config.names.set] is not a function

其他地方的某个人在开发模式下遇到了类似的错误，因为一些必需的类没有加载，所以他能够通过 requires 来解决它Ext.data.proxy.*。我尝试了同样的方法，"*"但得到了同样的错误。

这是FIDDLE。

4

1 回答 1

2

header自 4.0 版以来已弃用的配置text改为使用。

将波纹管代码粘贴到您的FIDDLE中，它将工作并完美绑定。

代码片段

Ext.define('MyApp.view.TestViewModel', {
    extend: 'Ext.app.ViewModel',
    alias: 'viewmodel.test',

    data: {
        title: ''
    },
    constructor: function (config) {
        var me = this;
        this.callParent(arguments);
        me.setStores({
            lang: {
                fields: ['title'],
                proxy: {
                    type: 'ajax',
                    url: 'data.json',
                    reader: {
                        type: 'json'
                    }
                },
                autoLoad: true,
                listeners: {
                    load: function (store, records) {
                        me.set('title', store.getAt(0).get('title'));
                    }
                }
            }
        });
    }
});

Ext.define('MyApp.view.TestGrid', {
    extend: 'Ext.grid.Panel',
    title: "MY GRID",

    xtype: "mygrid",
    viewModel: {
        type: 'test'
    },

    columns: [{
        text: "Col1"
    }, {
        bind: {
            text: "{title}"
        },
        flex: 1
    }]

});

Ext.define('MyApp.view.TestForm', {
    extend: 'Ext.form.Panel',
    layout: 'fit',
    title: "MY FORM",
    xtype: "myform",
    viewModel: {
        type: 'test'
    },

    items: [{
        xtype: "textfield",
        bind: {
            fieldLabel: "{title}"
        }

    }]

});

Ext.onReady(function () {
    Ext.create('Ext.container.Container', {
        renderTo: Ext.getBody(),
        layout: "fit",
        flex: 1,

        items: [{
            xtype: "myform"
        }, {
            xtype: "mygrid"
        }]
    });
});
于 2018-04-25T04:32:19.040 回答