将简单视图模型与单个记录绑定

Question

我创建了 this fiddle 来显示我想要做什么。

基本上，我配置了一个Store，它只加载一条记录（实际上它将是当前登录的用户）。但是，我似乎无法正确地将任何东西绑定到该商店。我怎样才能让{u.name} 正确输出？

代码如下：

Ext.define('User', {
    extend: 'Ext.data.Model',
    fields: ['id', 'name']
});

Ext.application({
    name : 'Fiddle',

    launch : function() {

        new Ext.Component({
            renderTo: Ext.getBody(),

            viewModel: {
                stores: {
                    u: {
                        proxy: {
                          type: 'ajax',
                          url: 'user.json'
                        },

                        model: 'User',

                        autoLoad: true
                    }
                }
            },

            bind: 'Test name: {u.name}'
        });

    }
});

Answer 1

试试bind: 'Test name: {u.data.items.0.name}'

统一更新： 作为对此的解释 - u 是一个具有其属性的对象，因此尝试绑定到 u.name 实际上会绑定到 name 属性的商店。如果商店没有名称属性，它将始终为空。商店收到的数据放在 data 属性中。 Items 属性包含接收数据的原始数组等。

Answer 2

在您的小提琴中，您使用的是商店，而看起来您只需要一条记录。

使用links 而不是stores 应该会更好，例如：

links: {
    u: {
        type: 'User',
        id: 1
    }
}

基于您的代码的工作示例：https://fiddle.sencha.com/#fiddle/uuh