Extjs:从模型到标签加载数据

时间:2013-11-19 12:40:51

标签: extjs extjs4

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

这是我的代码:

控制器片段:

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',
        }
    ]
});

如果我将name: 'title'更改为defaultType: 'label'defaultType: 'textfield'这件事就可以了,但我需要它们作为标签。

1 个答案:

答案 0 :(得分:0)

Ext.form.LabelView没有属性name,对于标签,您使用text属性就像对其他元素一样。你想要实现什么目标?您可能需要查看displayfield

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