RowExpander Addon: expandOnlyOne It's just a little addon for RowExpander plugin which adds two features: the ability to only have one expanded row and to collapse the last expanded row. Code: GridPanel definition: Ext.require([ 'Ext.data.*', 'Ext.grid.*', 'Ext.ux.RowExpanderPlus' ]); Ext.define('MyApp.view.MyGridPane', { extend : 'Ext.grid.Panel', ...... plugins: [{ ptype: 'rowexpanderplus', selectRowOnExpand : true, //true to select a row when clicking on the expander icon expandOnDblClick: true, //true to toggle a row between expanded/collapsed when double clicked rowBodyTpl : [ ] ]} ..... .... ]); ux/RowExpanderPlus.js MVC pattern : paste this js code in above path and declare in path in loader.js \ General App : ...
A foundation you can build.