I am trying to use Ext.ux.RowExpander (MVC style). The grid displays initially with the with the rows collapsed and the row expander icon is a '-', however the rowbodytpl is not displayed. When a row is double-clicked or when the icon is clicked I receive the error:
Uncaught TypeError: Cannot call method 'addCls' of null
Click on the row again and receive the error:
Uncaught TypeError: Cannot call method 'removeCls' of null
I must be missing some piece of the puzzle. I basically copied the code form the example docs (4.0.7)
Uncaught TypeError: Cannot call method 'addCls' of null
Click on the row again and receive the error:
Uncaught TypeError: Cannot call method 'removeCls' of null
I must be missing some piece of the puzzle. I basically copied the code form the example docs (4.0.7)
Code:
Ext.define('GeneralIndex.view.IndexGrid', { extend: 'Ext.grid.Panel', alias: 'widget.indexgrid', requires: 'Ext.ux.RowExpander', initComponent: function() { var me = this; Ext.apply(me, { store: 'GeneralIndexs', forceFit: true, frame: true, autoScroll: true, stripeRows: true, viewConfig: { loadingText: 'Searching...', deferEmptyText: true, emptyText: '<br><br><br><br><center><b>***** No results found *****</b></center>' }, plugins: [{ ptype: 'rowexpander', rowBodyTpl: ['<p>Filed by: {FILEDBY}</p><br>', '<p>Delivered To: {DELIVERTO}</p>'] }], tbar: me.buildTbar(), dockedItems: me.buildDockedItems(), columns: me.buildColumns() }); me.callParent(arguments); }, //......
Comment