Как получить ссылку на инструмент «Свернуть панель»

Я новичок в 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);
}

});


javascript extjs treepanel sencha-architect extjs4.2
person sumanth    schedule 09.07.2014    source источник
comment
Не могли бы вы вставить фрагмент кода для кнопки «Свернуть инструмент».   -  person Sreek521    schedule 09.07.2014
comment
Я поместил код для панели дерева, для которой я хочу свернуть инструмент.   -  person sumanth    schedule 09.07.2014
comment
Это ссылка на скрипку   -  person sumanth    schedule 10.07.2014

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете просто вызвать метод collapse() на самой панели. Ознакомьтесь с документацией по нему: http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.tree.Panel-method-collapse

Например, если panel было ссылкой на вашу древовидную панель:

panel.collapse();

Это приведет к сворачиванию панели с помощью параметров конфигурации сворачивания, которые вы уже установили в определении панели.

person forgivenson    schedule 09.07.2014
comment
Вышеупомянутая древовидная панель присутствует в западном регионе пограничного макета. Я использовал эту опцию, проблема в том, что после сворачивания, когда панель дерева расширяется в следующий раз, она движется вправо. - person sumanth; 09.07.2014
comment
Итак, этого НЕ происходит, когда вы нажимаете стрелку свертывания? Если это все еще происходит, то ваша проблема связана с макетом, а не с тем, как свернуть панель. В этом случае нам нужно будет увидеть остальную часть кода, где панель вложена. Рабочий пример на jsfiddle.net был бы великолепен. - person forgivenson; 09.07.2014
comment
Я поместил код для основного порта просмотра. Я также установил свойство hideCollapseTool: true в панели дерева. Благодаря этому панель сворачивается/расширяется при нажатии в любом месте заголовка. Я делаю это в Sencha Architect 3, но я хочу чтобы получить ссылку на этот инструмент свертывания и запустить событие щелчка по нему. - person sumanth; 09.07.2014
comment
Я хочу сказать, что если отображается инструмент свертывания, и вы нажимаете на него, если он сворачивается и расширяется так же, как при вызове метода collapse, то получение кнопки сворачивания — это много дополнительной работы впустую. Поэтому я и спросил об этом. - person forgivenson; 09.07.2014
comment
Спасибо за ответ. Как вы можете видеть в приведенном выше коде основного окна просмотра, который я недавно добавил, в западной области есть две панели одинаковой ширины. Если я нажму на инструмент сворачивания, обе панели появятся рядом друг с другом. Прямо сейчас, когда вы нажимаете на заголовок, панель «Дерево» появляется поверх другой панели, и если я снова нажимаю на заголовок, она сворачивается обратно или когда мышь перемещается из панели «Дерево», она сворачивается, что является поведением по умолчанию. - person sumanth; 09.07.2014