ExtJS 4.x：如何将控件（i.s.Button）添加到基于模板的视图

Question

我将制作一个类似Twitter的组件，其中包含摘录列表。在图片中我突出了第一个摘录。它应该包含几个操作按钮：

问题是XTemplate不允许将组件用作参数。以下代码显示字符串[object Object]而不是按钮：

var tpl = new Ext.XTemplate(
    '<tpl for=".">',
        '<div>{[createButton()]}</div>',
    '</tpl>',
    {
        createButton: function() {
            return new Ext.Button(text:'Button')
        }
    }
);

如何在每个摘录中插入按钮？

Answer 1

不要使用组件。如果可能，请使用简单的图标，最好使用icon font。 XTemplate可以轻松生成这些图标的配置。此外，根据记录中的值（禁用外观，彩色外观等）设置图标的样式并不太难。

对于交互，请收听容器，确定单击了哪个图标并执行相应的操作。

此处不需要组件。