Обрушиться с Rowexpander

Question

Я использую extjs 4. У меня есть сетка в рамках строки с данными с сервера, но когда я сортирую родительскую сетку, вложенную сетку. Отображение. Так что я хочу свернуть весь расширитель строки при сортировке.
Как я могу это сделать? Благодарность

Это моя сетка:

   var grid = new Ext.grid.GridPanel({
       store: store,
       columns: [
           { header: 'Customer Name', dataIndex: 'CustomerName', width: 212, align: 'center' },
           { header: 'Charge Date', dataIndex: 'ChargeDate', width: 212, align: 'center' },
           { header: 'Package Plan', dataIndex: 'PackagePlan', width: 212, align: 'center' },
           { header: 'Current Invoice Sum', dataIndex: 'InvoiceSum', width: 212, align: 'center' }
       ],
       plugins: [{
           ptype: 'rowexpander',
           rowBodyTpl: ['<div style="background-color:#CBDDF3; width:643px;margin-left:147px;margin-bottom: 20px;border: 1px solid;" id="excharge">',
                        '<p><b>Customer Details:</b><br/>{CustomerName}<br/> {CustomerAddress}, {CustomerPhone}, <span class="email">{CustomerEmail}</span> </p>',
                        '<p><b>Package Type:</b> {PackagePlan}<br/>',
                        '<b>Invoice Details:</b></p>',
                        '<div class="nestedO" id="{InvoiceId}"></div> </div>',
           ]
       }],
       width: 900,
       height: 450,
       collapsible: true,
       renderTo: Ext.get('Ongoing')
   });

И когда ряд расширил, я добавляю сетку в Div, какой класс является «введенным».

Answer 1

Мне удалось добавить это в код сетки:

listeners: {
                sortchange: function (ct, column, direction) {
                    $(".x-grid-row").each(function(){$(this).addClass("x-grid-row-collapsed");});
                    $(".x-grid-rowbody-tr").each(function(){$(this).addClass("x-grid-row-body-hidden");});
                }
            },