折叠行Expander答案

【问题标题】：collapse the rowExpander折叠行Expander
【发布时间】：2011-11-30 16:30:16
【问题描述】：

我使用 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 中时，哪个类是“nestedO”。

【问题讨论】：

你能发布一个sn-p的代码吗？什么版本的 ExtJS？

标签： extjs grid extjs4 collapse

【解决方案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");});
                }
            },

【讨论】：

谢谢，这很好用。对我来说，我还必须调用一个函数来调整网格的大小。