Подстановочные знаки Ext ComponentQuery

Пытаться

Ext.ComponentQuery.query('menuitem{text.search(\'Элемент меню\' )!=-1}');

В документах вы можете использовать пользовательские выражения. Это работает для кода, который я включил ниже:

var toolbar = Ext.widget('toolbar', {
        items   : [
            {
                xtype:'splitbutton',
                text: 'Menu Button',
                iconCls: 'add16',
                menu: [{text: 'Menu Item 1'},{text: 'Menu Item 2'}],
                reorderable: false
            },
            {
                xtype: 'button',
                text: 'Get matches',
                handler: function(){
                    var match = Ext.ComponentQuery.query('menuitem{text.search( \'Menu Item\' )!=-1}');
                    console.log( match )
                }
            }
        ]
    });

    Ext.widget('panel', {
        renderTo: Ext.getBody(),
        tbar    : toolbar,
        border  : true,
        width   : 600,
        height  : 400
    });

Просто для полноты картины (и потому, что выражения-члены могут привести к сбою запроса)

Как указано в @existdissolve, вы можете архивировать что-то похожее (не то же самое!) с подстановочным знаком с помощью Выражение члена как в вашем случае

Ext.ComponentQuery.query('button > menu > menuitem{text.search("Welcome")!=-1}');

При этом будет предпринята попытка выполнить нативную операцию поиска JS по текстовому свойству любого найденного элемента меню. Независимо от того, существует ли это свойство (или метод), это подводит меня к основной проблеме выражений-членов

Что нужно знать о выражениях участников

Вы можете использовать выражения-члены почти для каждого селектора, но они должны существовать в этом селекторе, иначе вы получите исключение, которое прерывает запрос (полностью, как исключение ).

Вот простой пример. Допустим, вы хотите найти кнопку по ее тексту. Это не должно быть проблемой, все кнопки нуждаются в тексте, не так ли? Это работает довольно долго, пока ваш клиент не пожалуется, что некоторым кнопкам не нужен текст, достаточно простого изображения. Вы забыли о запросе и добавили кнопку, и вдруг части вашего приложения перестают работать, в то время как вы получаете исключение, например

Uncaught TypeError: невозможно вызвать метод 'search' для неопределенного

Вы можете сами попробовать это на примере JSFiddle. Попробуйте «найти меня», а затем нажмите кнопку «Добавить изображение» и повторите попытку.

Почему это происходит? Ext.ComponentQuery не проверяет ни существование свойства, ни существование выражения, что может быстро привести к полной ошибке запроса.

Да, приведенный выше пример прост, и вы можете очень быстро найти источник ошибки, но он также может быть совершенно другим.

Что теперь? Я не хочу сказать, что вы не должны использовать Выражение-член, но вам действительно нужно позаботиться о побочных эффектах, с которыми вы можете столкнуться.

Начиная с ExtJS 5 была введена функциональность, которая делает эту задачу намного чище, позволяя выполнять сопоставление с помощью регулярных выражений. документация предоставляет дополнительную информацию, но решение, которое решает опубликованный вопрос, будет выглядеть так:

Ext.ComponentQuery.query('button > menu > menuitem[text/="^Welcome"]');