Amikor nem kizárólag ExtJS komponensekkel foglalkozunk, hanem HTML szinten mozgunk (mondjuk komponens készítése végett), akkor hasznosak tudnak lenni az úgynevezett Pseudo-classes kiválasztók. A :valami formájú kiválasztók. :) pl. div:first
Ext-ben (ExtJS-ben, és Core-ban egyaránt) lehetőségünk van a már meglévő listát bővíteni, ehhez csupán az Ext.DomQuery.pseudos –t kell kiegészíteni új függvényekkel. Első paraméter a kapott lista, második paraméter a szelektornak átadott paraméter. Két egyszerű példa:
Véletlenszerűen egy elem kiválasztása:
Ext.DomQuery.pseudos.randomOne = function (list) {
return list.length ? [list[Math.floor(Math.random()*list.length)]] : [];
};
Ext.select('div:randomOne')...
return list.length ? [list[Math.floor(Math.random()*list.length)]] : [];
};
Ext.select('div:randomOne')...
A :last –ot kiegészítve az utolsó N elem kiválasztása:
Ext.DomQuery.pseudos.lasts = function (list, n) {
return list.slice(list.length - n);
};
Ext.select('div:lasts(3)')...
return list.slice(list.length - n);
};
Ext.select('div:lasts(3)')...
Itt megnézheted: http://stack.hu/extjs/pseudos.php
