.. / 11.1 Навигация по DOM в ExtJS

Ext.get(document.getElementById('ex2')).createChild('<div>Ex2</div>');

2 Ext.select

Этот метод отдаленно похож на метод навигации в jQuery. Он позволяет получить объект Ext.CompositeElement по CSS/Xpath -селектору заданному строкой. Ниже я приведу то что совпадает в обоих библиотеках. Т.е. получение по CSS/Xpath-селекторам объекта ExtJS.Element, с которым можно проводить какие-то дальнейшие манипуляции. Все остальное придется вынести в отдельную часть.

blockquote:

Ext.select('blockquote').createChild('select by tag «blockquote»');. .. .. .. ..

blockquote:

Ext.select('.ex4').createChild('select by class «ex4»');. .. .. .. ..

 Ext.select('#ex4').createChild('select by id «ex4»');
…….

 Ext.select('#ex8 div').createChild('select    #ex8 div ');. .. .. .. ..

Метод Ext.select позволяет использовать селекторы CSS2-CSS3, анаолгично jQuery и до кучи имеет собственные методы выборки. Приведу их без проверки, в надежде что меня не обманули

 Ext.select('span > b'); // выборка всех  элементов b явл. прямыми потомками span

 Ext.select('span + b'); // выборка всех  элементов b перед которыми стоит span

 Ext.select('div:first');          // выборка первого div

 Ext.select('div:last');           // выборка последнего div

 Ext.select('div:even');           // выборка четных div

 Ext.select('div:odd');            // выборка нечетных div

 Ext.select('div[title]');         // выборка всех div с атрибутом title

 Ext.select('div[title='bar']');   // выборка всех div с атрибутом title=my

 Ext.select('div[title!='bar']');  // выборка всех div с атрибутом title не равного 'bar'

 Ext.select('div[title^='bar']');  // выборка всех div с атрибутом title начинающихся с 'bar'

 Ext.select('div[title$='my']');   // выборка всех div с атрибутом title заканчивающихся на 'bar'

 Ext.select('div[title*='my']');   // выборка всех div с атрибутом title содержащим 'bar'

 Ext.select('input:checked]');     // выборка всех input c checked = true

 Ext.select('div{display=none}');  // выборка всех div с CSS-стилем display=none

 Ext.select('div{display!=none}'); // выборка всех div с CSS-стилем display!=none

 Ext.select('div{height%=2}');     // выборка всех div с CSS-стилем в котором высота делится на два

 Ext.select('div:not(form)')              // выборка div, не содержащих формы

 Ext.select('div:has(a)')            // выборка div, содержащих ссылку

 Ext.select('input:checked')           // выборка включенных чекбоксов

Полностью можно найти в документации

3. Ext.fly

Метод Ext.fly аналогичен методу Ext.get), с той разницей что он оптимизирован под сборку мусора. Разработчики рекомендуют использовать его в тех случаях, когда нет необходимости в многократном использовании полученного элемента DOM

Ext.fly('ex5').createChild('select by id «ex5»');
…….

Для метода select можно организовать то же самое, но для этого нужно указать дополнительный параметр unique.

4. Ext.query

Этот метод аналогичен select, но на выходе выдает не объект Ext.Element, а набор DOM-элементов

var ex20=Ext.query('.ex20');
for (var i in ex20) ex20[i].innerHTML='<strong>.ex20'+i+'</strong>';
…….