如何将商店价值显示在面板上?使用 EXTJS

How can I display a store value to a pannel? using EXTJS

本文关键字：EXTJS 使用 显示      更新时间：2023-09-26

我有数据.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: 'key = , spec = '

我要 html： '键 = 12 ， 规格 = 15 '

但我不知道在这里做什么

谢谢

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

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

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

相关文章：