Insert a button in the grouping header

Any help would 开发者_C百科be appreciable.I want to know how to insert a button in the grouping header without using "Ext.ux.grid.RowActions".I am in need of how to put a button in simply by renderer or something like that..Please help me to figure out this.

Ext JS uses tables in it's markup to display buttons. If you want an Ext JS format button, rather than just a normal button, you could conceivably include the relevant markup in the groupTextTpl attribute of the Ext.grid.GroupingView object associated with the grouped grid, for example:

...
groupTextTpl: 'Item: {gvalue} ({[values.rs.length]} Sub Item{[values.rs.length > 1 ? "s" : ""]}) <table cellspacing="0" class="x-btn  x-btn-text-icon" id="ext-comp-1005" style="width: auto;"><tbody class="x-btn-small x-btn-icon-small-left"><tr><td class="x-btn-tl"><i>&nbsp;</i></td><td class="x-btn-tc"></td><td class="x-btn-tr"><i>&nbsp;</i></td></tr><tr><td class="x-btn-ml"><i>&nbsp;</i></td><td class="x-btn-mc"><em unselectable="on" class=""><button type="button" id="ext-gen40" class=" x-btn-text my-action">My Action</button></em></td><td class="x-btn-mr"><i>&nbsp;</i></td></tr><tr><td class="x-btn-bl"><i>&nbsp;</i></td><td class="x-btn-bc"></td><td class="x-btn-br"><i>&nbsp;</i></td></tr></tbody></table>',
...

This will create a button in the grouping header.