如何在导航视图ExtJs中添加面板

时间:2018-10-18 08:14:26

标签: extjs extjs6-classic

如何将带有一些文本的面板放在导航视图中,例如此处http://joxi.ru/E2pyDJQC9MLnyA 我在导航treelist中尝试过面板,但面板未显示。 我也将树状列表和面板合并在联合容器中:

{
        xtype: 'maincontainerwrap',
        id: 'main-view-detail-wrap',
        reference: 'mainContainerWrap',
        flex: 1,
        items: [
            {
                xtype: 'container',
                reference: 'leftContainer',
                itemId: 'leftContainer',
                layout: {
                    type: 'vbox',
                    align: 'stretch'
                },
                items: [
                    {
                        xtype: 'treelist',
                        reference: 'navigationTreeList',
                        itemId: 'navigationTreeList',
                        ui: 'navigation',
                        store: 'NavigationTree',
                        width: 64,
                        micro: true,
                        expanderFirst: false,
                        expanderOnly: false,
                        listeners: {
                            itemclick: 'onNavigationItemClick',
                            selectionchange: 'onNavigationTreeSelectionChange'
                        }
                    },
                    {
                        xtype: 'panel',
                        header: false,
                        layout: 'fit',
                        height: 100,
                        hidden: checkSubscription().hidden,
                        width  : 64,
                        userCls: 'sidebar-purchase-wrapper',
                        renderTo: Ext.get("leftContainer"),
                        html   :
                        'My text Here'
                    },
            {
                xtype: 'container',
                flex: 1,
                reference: 'mainCardPanel',
                cls: 'sencha-dash-right-main-container',
                itemId: 'contentPanel',
                layout: {
                    type: 'card',
                    anchor: '100%'
                }
            }
        ]
    }

显示了面板,但是当我单击onToggleNavigation动画按钮时,它无法正常工作。

0 个答案:

没有答案