ExtJS. Обращение к элементам DOM

После того как мы освоили захват элементов DOM в одном из прошлых постов, посмотрим как можно перемещаться по группе захваченных элементов DOM.  Для примера возьмем такую разметку…


Обращение через item или [ ]

Известно, что группы элементов после захвата представляют из себя либо массивы (в результате метода Ext.query()) либо “композит” коллекции в результате метода Ext.select(). Композиты коллекции позволяют применять метод сразу ко всем элементам коллекции – без перебора в цикле.

Как обращаться к отдельным элементам “композитам” коллекций?

Захватим несколько элементов методом Ext.select();

Тогда к конкретному элементу “композит” коллекции можно обратиться следующим образом

Здесь мы использовали один из методов класса Ext.dom.Element, а именно getHtml. Все методы этого класса можно просмотреть в документации.

Как обращаться к отдельным элементам массивов?


Обращение через next, prev

Если в результате методов захвата Ext.query(), Ext.select(), Ext.fly() мы получаем набор элементов класса Ext.dom.Element, то мы можем обращаться к ним при помощи методов класса Ext.dom.Element – next,prev,first,last. Рассмотрим на примере

Обращение к дочерним элементам через first,last

Если у нас есть HTML элемент, который содержит в себе другие элементы, то мы можем обратиться к его первому или последнему элементам через first(), last();

Обращение к родителям и детям

 

This entry was posted in ExtJS, Без рубрики. Bookmark the permalink.