extjs - 如何在导航视图 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 动画时无法正常工作。
解决方案
推荐阅读
- java - 如何缩放视口以适应 Android 上的多个设备
- javascript - Onclick事件js不呈现
- r - Shinyapp 的 MathJax 方程
- python - 使用 Joblib 将类对象实例作为输入参数的并行化函数
- node.js - xtermjs 如何从 webhook 或其他连接类型链接服务器和客户端
- docker - 从同一主机上的容器生成的请求中获取容器中的主机 IP
- list - 如何计算List数组的类别值
- dagster - 我可以在 map() 之后为多个实体使用一个 DynamicResource 的输出吗?
- vuejs2 - 从 gobal Vue 实例到应用程序的转换破坏了导入依赖
- merge - 合并 A 和 B 并保留所有差异