Extjs: как работают функции вверх/вниз Element?

У меня есть некоторый код extjs для поддержки, но у меня есть проблема с пониманием этих функций up/down в элементах extjs. Текущий вопрос: selector параметр. Документация говорит, что это должен быть CSS-селектор, но я не понимаю, как его настроить. Например. У меня есть мнение, что, как:Extjs: как работают функции вверх/вниз Element?

Ext.define('ETaxi.settings.view.InfoPanel', { 
    extend: 'Ext.panel.Panel', 
    alias: 'widget.infopanel', 
    title: i18n.settings.info.title, 

    defaultType: 'displayfield', 

    items: [{ 
     fieldLabel: i18n.settings.info.label, 
     name: 'title' 
    }] 
});

Как я могу настроить это селектор CSS для того, чтобы получить этот элемент из иерархии с помощью вверх/вниз функции?

Приглашена любая дополнительная информация о рабочем процессе этих функций. Спасибо.

источник

2013-11-22 uncle Lem

Ваш вопрос не имеет большого смысла, я бы предложил его перефразировать. 'up' позволяет найти родительский узел, который соответствует некоторому селектору,' el.up ('. foo') 'находит элемент выше меня в иерархии с именем className = foo. –

Если панель имеет кнопку внутри и у вас есть ссылка на эту кнопку вы можете сделать:

вар myDesiredPanel = someButtonReference.up («InfoPanel»); // мы используем xtype для его поиска. На этот раз мы используем, потому что кнопка находится внутри панели.

Если с другой стороны, панель внутри скажем видового экрана вы можете сделать:

вар myDesiredPanel = referenceToMyVieport.down («InfoPanel»);

О селекторе, то это означает, что вы можете сделать:

myDesiredPanel = referenceToMyVieport.down('infopanel[title=MyInfoPanel]');

вы бы принести лишь InfoPanel Кто это название MyInfoPanel, вы можете использовать любую конфигурацию объекта, чтобы сделать эту дискриминацию

Вот пример кода, в котором мы выбираем конкретную кнопку внутри панели с помощью вниз https://fiddle.sencha.com/#fiddle/1p6, вы можете изменить ее в этой скрипке и посмотреть, как она работает.

источник

2013-11-22 05:20:23

Есть ли способ определить селектор, не используя xtype? Потому что, если у меня есть несколько форм или кнопок в компоненте, поведение Down становится очень странным. –

Установите конфигурацию в вашей кнопке itemId = 'someId', затем var my specificButton = referenceToParentPanel.down ('button [itemId = someId]'); Это уже ответ, не работает? –

Я добавил рабочий пример к ответу, чтобы вы могли посмотреть на код и посмотреть, как он работает. –

Extjs: как работают функции вверх/вниз Element?

ответ

Смежные вопросы