Extjs：将数据从模型加载到标签答案

【问题标题】：Extjs: load data from model to labelExtjs：将数据从模型加载到标签
【发布时间】：2013-11-19 12:40:50
【问题描述】：

我必须将数据从模型加载到面板的标签，但我看不到任何记录的值。

这是我的代码：

控制器片段：

if (record) {
    component.down('form').loadRecord(record);
}

并查看：

Ext.define('ETaxi.settings.view.InfoPanel', {
    extend: 'Ext.panel.Panel',
    alias: 'widget.infoPanel',

    initComponent: function() {
        this.items = [{
            xtype: 'form',
            items: [{
                xtype: 'nestedPanel'
            }]
        }];

        this.callParent(arguments);
    }
});

Ext.define('ETaxi.settings.view.NestedPanel', {
    extend: 'Ext.panel.Panel',
    alias: 'widget.nestedPanel',

    defaultType: 'label',

    items: [{
        text: 'Title: '
    },{
        name: 'title'
    },{
        text: 'Content: '
    },{
        name: 'content'
    }]
});

测试模型看起来有点像：

Ext.define('ETaxi.settings.store.Nodes', {
    extend: 'Ext.data.Store',
    fields: [
        'title',
        'content'
    ],
    data: [
        {
            title: 'test value',
            content: 'test value',
        }
    ]
});

如果我将defaultType: 'label' 更改为defaultType: 'textfield'，带有name: 'title' 的东西可以正常工作，但我需要它们作为标签。

【问题讨论】：

Ext.form.LabelView 没有属性name，对于标签，您使用text 属性，就像在其他元素上一样。你想达到什么目的？你可能想看看displayfield。
@LaurenZonneveld 是的，displayfield 很好。谢谢。
@LaurenZonneveld，请将其添加为答案，以便我接受。

标签： extjs extjs4

【解决方案1】：

Ext.form.LabelView 没有属性name，对于标签，您可以像在其他元素上一样使用text 属性。你想达到什么目的？你可能想看看displayfield。

http://docs.sencha.com/extjs/4.2.0/#!/api/Ext.form.field.Display

【讨论】：