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

Question

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

参考请看看 http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.grid.feature.Grouping

Answer 1

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

此处示例：https://fiddle.sencha.com/#fiddle/1dq

Answer 2

在标题中放置一个真正的Ext按钮会很难......但您可以通过groupHeaderTpl将任何html添加到groupHeader。

Answer 3

我这样添加并且有效：

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

Answer 4

我在groupHeaderTpl中添加了html按钮，它运行正常。

功能：[{         ftype：'分组'，         groupHeaderTpl：'点击我！ {sampleButton}”，     }]，

Answer 5

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

http://docs.sencha.com/extjs/4.2.1/extjs-build/examples/grid/remote-group-summary-grid.html