首页 > 解决方案 > 如何在导航视图 ExtJs 中添加面板

问题描述

如何在导航视图中放置带有一些文本的面板,就像这里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 动画时无法正常工作。

标签: extjsextjs6-classic

解决方案


推荐阅读