Javascript 带模板的显示字段

我试图在displayfield中实现一个tpl，以显示从textarea发送到服务器的数据列表

使用rowexpander插件（）在网格中显示相同的数据 小提琴：

我试过这样的方法：

小提琴： 没有成功

我尝试了我发现的所有方法来呈现tpl，但都没有成功

Display有一个配置tpl，但在我的情况下似乎不起作用

---

我非常感谢解决此问题的建议

displayfield还具有渲染器功能。您可以在网格中使用它：

//var只是为了说明这个问题
变量蔬菜类型='potatos\ncarrots\npumpkins'；
Ext.create（'Ext.form.Panel'{
renderTo:Ext.getBody（），
宽度：450，
身高：200，
车身衬垫：10，
标题：“模板”，
项目：[{
xtype:'displayfield'，
fieldLabel:“TPL”，
名称：“蔬菜”，
渲染器：函数（值、字段）{
this.rndTpl=this.rndTpl | | new Ext.XTemplate（“+”蔬菜：
{[values.vegets\u types.replace（/\\n/g，
”）}
”+）；
返回this.rndTpl.apply({
蔬菜种类：价值
});
},
听众：{
渲染：函数（字段，eOpts）{
field.setValue（'potatos\ncarrots\npumpkins'）
}
}
}],
});

---

tpl配置选项“继承”自

Ext.Component

，但未被

displayfield

使用。您可以试试

fieldSubTpl

。谢谢。在我的应用程序控制台中，显示：TypeError:无法读取null的属性“dom”。我编辑了我的小提琴谢谢塞尔马里尔。效果很好。为了更好地理解，为什么要使用以下代码段：this.rndTpl | |如果它是“this.rndTpl=new…”或“var rndTpl=new…”，那么每次调用渲染器函数时（每次使用此字段的setValue时）都会创建XTemplate。这有点像缓存。如果rndTpl alrady存在，则将使用它，否则将创建新的XTemplate。渲染器总是在字段组件上下文中调用，所以，我只是缓存XTemplate作为它的属性。安全了吗？