ExtJS 4.我的树面板无法渲染

时间:2012-01-19 12:45:48

标签: extjs

删除并添加后,我的树面板无法呈现。

这是'selection change'中的grid panel处理程序:

selectionChange : function(selmodel, selection, eOpts) {
    var selected = selection.length > 0;
    if (selected) {
        var view = Ext.getCmp('viewportCenterId');
        view.removeAll();
        if (selection[0].get('id') == '1') {
            view.add({
                xtype:'publicationTree'
            });
        } else if (selection[0].get('id') == '0') {
            view.add({
                xtype: 'userinfoform'
            });
        }
    }
}

publicationTree是我的tree panel,并且在之后没有呈现。

当我想要将此tree panel加载的区域第一次加载时,此代码正在运行。 (我把代码放在xtype中的树形图中)。

{
    region: 'center',
    id: 'viewportCenterId',
    collapsible: false,
    width: '60%',
    border: true,
    items:{
        xtype:'publicationTree',
        width: '100%',
        height: '100%'
    }
}

1 个答案:

答案 0 :(得分:0)

1.尝试指定布局而不是宽度和高度:

{
    region: 'center',
    id: 'viewportCenterId',
    layout: 'fit',
    collapsible: false,
    width: '60%',
    border: true,
    items:{
        xtype:'publicationTree'
    }
}

2.如果仍然存在问题,请在添加后手动调用view.doLayout()。