Я новичок в ext-js, и у меня есть древовидная панель, в которой есть инструмент сворачивания для сворачивания/расширения
панели по щелчку инструмента сворачивания.
Я хотел знать, как я могу получить ссылку на этот свернуть Кнопка инструмента присутствует в заголовке панели
.
Я хочу щелкнуть инструмент свертывания с помощью события click, чтобы панель сворачивалась/расширялась. пожалуйста, помогите мне найти решение.
Ext.define('project.view.navigation', {
extend: 'Ext.tree.Panel',
alias: 'widget.navigation',
requires: [
'Ext.tree.View'
],
width: 295,
animCollapse: true,
collapsed: true,
collapsible: true,
title: 'Menu',
titleCollapse: false,
store: 'navigationStore',
rootVisible: false,
initComponent: function() {
var me = this;
Ext.applyIf(me, {
viewConfig: {
}
});
me.callParent(arguments);
}
});
Я сделал это с помощью Sencha Architect 3.0
Эта древовидная панель находится в западной части окна просмотра в Border Layout.
Код для основного окна просмотра показан ниже.
Ext.define('projectName.view.mainView', {
extend: 'Ext.container.Viewport',
requires: [
'projectName.view.header',
'projectName.view.navigation',
'projectName.view.searchContent',
'projectName.view.content',
'projectName.view.footer',
'Ext.tree.Panel'
],
itemId: 'mainView',
layout: 'border',
initComponent: function() {
var me = this;
Ext.applyIf(me, {
items: [
{
xtype: 'container',
region: 'center',
cls: 'mainContainer',
layout: 'border',
items: [
{
xtype: 'appHeader',
height: 100,
region: 'north'
},
{
xtype: 'navigation',
region: 'west'
},
{
xtype: 'searchContent',
region: 'west'
},
{
xtype: 'content',
region: 'center'
},
{
xtype: 'footer',
region: 'south'
}
]
}
]
});
me.callParent(arguments);
}
});