如何向面板显示商店价值?使用EXTJS

时间:2013-09-13 04:11:24

标签: javascript extjs

我有data.xml文件如下

<root>
 <tag2>
   <key>12</key>
   <spec>15</spec>
 </tag2>
</root>

我想在面板窗口显示键值和规格值,这是我的代码,但我坚持显示。我怎样才能显示出来?

Ext.define('tag2',{
    extend: 'Ext.data.Model',
    fields: [{name: 'key', type: 'float'},
        {name: 'spec', type: 'float'}]
});

var tag2Store= Ext.create('Ext.data.Store',{
    model: 'tag2',
    autoLoad:true,
    proxy:{
        type: 'ajax',
        url: 'data.xml',
        reader:{
            type: 'xml',
            record: 'tag2'
        }
    }
});



Ext.create('Ext.Window',{
    title: 'tag2',
    width: 400,
    height:500,
    x:400,
    y:300,
    renderTo: Ext.getBody(),
    store: tag2Store,
    hidden: false,
    maximizable: true,
    layout: 'fit',
    id: 'tag2',
    html: 'key = , spec = '
});

就在html

html: 'key = , spec = '

我想要      html:'key = 12,spec = 15'

但我不知道该怎么做

由于

1 个答案:

答案 0 :(得分:0)

您可以使用tpl属性为要呈现的数据提供模板。

请参阅模板文档,了解如何使用它:http://docs.sencha.com/extjs/4.1.3/#!/api/Ext.XTemplate

此外,窗口没有知道如何处理的商店属性。如果使用窗口组件,则需要自己将数据应用于模板。否则,您可以使用DataView组件:http://docs.sencha.com/extjs/4.1.3/#!/api/Ext.view.View