文章/答案/技术大牛

发布

社区首页 >问答首页 >ExtJS4 -渲染子网格

问ExtJS4 -渲染子网格
EN

Stack Overflow用户

提问于 2012-03-07 01:38:42

回答 1查看 3.3K关注 0票数 1

当我使用rowexpander插件展开行时，我试图在网格行中创建一个网格。如何在expandbody事件上渲染子网格？

到目前为止，这是我的代码，当我定义我的网格面板时，它被用作事件处理程序属性：

 getOtherProducts: function (rowNode, record, expandRow, eOpts) {
        $.ajax({
            type: 'GET',
            url: "Report.aspx/GetOtherProducts",
            data: { ID: record.data['ID'] },
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function () {
                var subStore = Ext.create('pr.store.Store-Products');
                subStore.proxy.extraParams.productID = record.data['ID'];

                var subGrid = Ext.create('Ext.grid.Panel', {
                    store: subStore
                });

                subGrid.getEl().swallowEvent(['mouseover', 'mousedown', 'click', 'dblclick']);
            },
            error: function () {
                showNotificationBar("Error retrieving product data. Re-expand the row to try again.");
            }
        });
    },

extjs

grid

subgrid

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-03-07 23:45:08

stratboogie在http://www.sencha.com/forum/showthread.php?151442-Nested-EXTJS-4-Grids的回答做到了这一点。

我稍微修改了一下，将元素ID存储到一个数组中

subGrids.push(subGrid.id);

然后重写分页事件处理程序以遍历数组并销毁数组中具有ID的所有元素，以保持对内存的控制。

function destroySubGrids(){
    Ext.each(subGrids, function(id){
            var subGrid = Ext.getCmp(id);
            if(subGrid){
                subGrid.destroy();
                delete subGrid;
            }
        });
    subGrids = [];  
    console.log(Ext.ComponentMgr.all.length); //debug
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/9588969

复制

相似问题

问ExtJS4 -渲染子网格
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ExtJS4 -渲染子网格EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ExtJS4 -渲染子网格
EN