如何在分组网格ExtJS的groupheader中添加按钮和相应的事件

我正在使用Extjs4.2.1 我想在GroupingGrid的groupHeader中添加Extjs按钮

作为参考，请看一看

---

参考Sencha的EXT JS 4.2示例。 请参考下面的例子

---

在标题中放置一个真正的Ext按钮将很难。。。但是您可以通过向groupHeader添加几乎任何html。

groupHeader可以使用格式化，并添加侦听器以侦听单击事件

---

这里的示例：

我像这样添加了它，它工作了：

features: [{
    ftype: 'grouping',
    groupHeaderTpl: 'Job Premium Id: {name} <button type="button" onclick="set()">Click Me!</button> {sampleButton}',
}],

功能：[{
ftype:'分组'，
groupHeaderTpl:'作业高级Id:{name}单击我！{sampleButton}'，
}],

我在groupHeaderTpl中添加了html按钮，效果很好

特点：[{ ftype:'分组'， groupHeaderTpl:'单击我！{sampleButton}'，

---

}]，

我想在组标题名称附近添加按钮，而不是在docItems。与我想要的完全相同，但我还想在此按钮上绑定一些事件，例如通过传递一些参数打开新窗口。您能告诉我如何将事件绑定到它中吗？这种情况下，单击事件可以在groupClick listener中跟踪，请查看fiddle中的控制台消息。。