Extjs6.2中的树网格展开/折叠崩溃不起作用

Question

使用Extjs6.2。我用过extjs树面板。以下是我的相同代码：

{
    xtype: 'panel',
    scrollable: true,
    layout: 'fit',
    collapsed: false,
    title: 'My Panel',
    items: [{
        xtype: 'treepanel',
        height: 370,
        id: 'id_treegrid',
        itemId: 'id_treegrid',
        scrollable: true,
        title: 'My Tree Panel',
        reserveScrollbar: true,
        store: 'MyTreeStore',
        singleExpand: true,
        useArrows: true,
        viewConfig: {
            rootVisible: false
        },
        columns: [{
            xtype: 'treecolumn',
            dataIndex: 'description',
            text: 'MyTreeColumn'
        }, {
            xtype: 'gridcolumn',
            dataIndex: 'successCount',
            text: 'Success'
        }, {
            xtype: 'gridcolumn',
            dataIndex: 'totalCDRCount',
            text: 'Attempts'
        }, {
            xtype: 'gridcolumn',
            dataIndex: 'failedCount',
            text: 'Failed'
        }, {
            xtype: 'gridcolumn',
            dataIndex: 'cdrTimeoutCount',
            text: 'Timeout'
        }],
        listeners: {
            expand: 'onId_treegridExpand',
            collapse: 'onId_treegridCollapse'
        }
    }],
    listeners: {
        activate: 'onPanelActivate'
    }
}

以下代码之后是我的网格即将到来。它总共有四行。

当我们扩展网格的第一行时，它看起来像跟随。它将与所有其他子行和底部的其他[父三行]一起展开：

当我折叠第一行时，它只有一行。三个以下的所有行都消失了，如下图所示。

我不知道自己犯了什么错误。我该如何解决这个问题或者调试这个问题？我也没有在网络控制台上收到任何错误。

提前致谢。

此致