Extjs4 extjstpl渲染两次

ExtJS 4.2.2

下面的测试代码没有呈现我所期望的结果 我希望看到：

Hello Effy

相反，我看到的是

Hello Effy

Hello

来自FireFox的HTML是

<div id="test-1002" class="x-component x-fit-item" style="margin: 0px; width: 800px; height: 126px;">

    <p>
        Hello Effy
    </p>
    <p>
        Hello 
    </p>
</div>

你好，艾菲


你好

当itemSelector被注释掉时，我得到一个空白屏幕

有人能解释一下我做错了什么吗

短暂性脑缺血发作

Ext.define（'MyApp.view.Test'{
扩展：“Ext.view.view”，
别名：“widget.test”，
项目选择器：“”，
数据：{name:“Effy”}，
第三方物流：[“你好{name}
”，
});

tpl配置是整个视图的模板，这意味着您需要提供迭代。它让你可以自由地做以下事情：

Some heading
<tpl for=".">
    <div class="foo">{name}</div>
</tpl>
Some footer

---

学习ExtJS4时说，向组件添加HTML的一种方法是使用tpl/data配置。当这种不受欢迎的行为发生时，我正在尝试这个方法。那是不同的。

Ext.view.view

中的tpl有一个特殊的含义，因为它是由存储支持的。如果您正在寻找简单的数据绑定，请尝试与现有代码相同的代码，但要扩展

Ext.Component

。

Some heading
<tpl for=".">
    <div class="foo">{name}</div>
</tpl>
Some footer

itemTpl: '<p>Hello {name}</p>'