【问题标题】:Trying to get a simple ExtJS 4.2 XTemplate to work with simple store试图让一个简单的 ExtJS 4.2 XTemplate 与简单的商店一起工作
【发布时间】:2015-04-15 13:07:43
【问题描述】:

我对 extjs 很陌生,我正在尝试让一个简单的 XTemplate 工作。我在下面有两个案例。 #1 工作正常。生成的输出是:'One, 1' 被 p 标签包围。 #2虽然不起作用。输出只产生逗号:',' 被 p 标签包围。简而言之,我无法尊重/访问商店中的数据。

// 1. This one works
var data = {name: "One", age: "1"};
var tpl = new Ext.XTemplate(
        '<tpl for".">',
            '<p>{name}, {age}</p>',
        '</tpl>'
);
var generatedHtml = tpl.apply(data);
console.log(generatedHtml);

// 2. This one doesn't work
var myStore = Ext.create('Ext.data.Store',{
    fields: ["name", "age"],
    data: [
        {name: "One", age: "1"},
        {name: "Two", age: "2"}
    ]
});
var tpl2 = new Ext.XTemplate(
        '<tpl for".">',
            '<p>{data.name}, {data.age}</p>',
        '</tpl>'  
);
var generatedHtml2 = tpl2.apply(myStore);
console.log(generatedHtml2);

【问题讨论】:

    标签: extjs extjs4 extjs4.2


    【解决方案1】:

    我刚刚意识到我在 for 之后缺少了 =!当我把它放进去时,它就起作用了。

    【讨论】:

    • 是的,就是这样。我错过了:)
    • 感谢您的浏览... :) 我花了一段时间才找到它。我剪切/粘贴了第一个 tpl(有效),这让我走错了路。
    猜你喜欢
    • 2013-10-11
    • 2018-10-03
    • 2015-06-06
    • 2018-12-16
    • 2021-08-29
    • 1970-01-01
    • 1970-01-01
    • 2017-01-06
    • 1970-01-01
    相关资源
    最近更新 更多