Question

我有以下型号：

Ext.define('myApp.model.tool.SpecialModel', {
    extend: 'Ext.data.Model',

    fields: [
        {name: 'id', type: 'string'},
        {name: 'loginName', type: 'string'},
        {name: 'firstName', type: 'string'},
        {name: 'lastName', type: 'string'},
    ],

    proxy: {
        type: 'rest',
        url: '/special/url',
        reader: {
            type: 'json'
        }
    }

});

这个ViewModel：

Ext.define('myApp.view.support.MySpecialViewModel', {
    extend: 'Ext.app.ViewModel',
    alias: 'viewmodel.myspecial',

    stores: {
        session: {
            model: 'myApp.model.tool.SpecialModel'
        }
    }

});

这个观点：

Ext.define('myApp.view.support.MySpecialView', {
    extend: 'Ext.toolbar.Toolbar',

    viewModel: 'myspecial',

    config: {
        items: [
            {
                xtype: 'button',
                bind: '{session.lastName}',
                menu: [
                    {
                        text: 'My Profile',
                        handler: 'onProfileClick'
                    }
                ]
            }
        ]
    },

});

在渲染视图时，商店已经填满。为什么按钮不显示指定ViewModel中的lastName？当我尝试使用内联数据时，它可以正常工作。

提前致谢。

修改：当我将按钮绑定更改为以下

时

...

                    xtype: 'button',
                    bind: 'Hello, {session.lastName}',
                    menu: [
                        {
                            text: 'My Profile',
                            handler: 'onProfileClick'
                        }
            ]
...

甚至没有显示硬编码字符串。我在这里缺少什么？

EDIT2 ：

这是我的json数据：

{
    "privileges": {
        "privManageCustomer": true,
        "privManageCustomerAccount": true,
    },
    "user": {
        "accountLocked": false,
        "accountLockedAt": null,
        "customerId": "12123213213123",
        "email": "213213",
        "failedLogins": 0,
        "firstName": null,
        "id": "123678213621783",
        "languageId": "de",
        "lastFailedLogin": null,
        "lastLogin": null,
        "lastName": "Whatever",
        "loginName": "test123"
    }
}

Answer 1

我认为你做错了。您应该使用带模型的商店。请看看＆＃34; 5。实验2：创建数据层＆＃34;，这个小教程（http://ladysign-apps.com/appcamp/slides/#2014-07-14_13-50_00-670_Z）由Sencha的Lee Boonstra制作。我一直遵循她的指导方针，从未遇到过我的商店和数据绑定方面的任何问题。

此外，我确实注意到您正在使用{session.lastName}，实际上如果商店已正确加载，它应该是{lastName}。

ExtJs ViewModel即使在那里也不显示数据

1 个答案: