Contenido

DomQuery, un selector de CSS basado en Xpath para Yahoo Ui!

13 Ene

+ 0

Ya vimos hace unas semanas que xPath era la pequeña joya de XML, gracias a él podemos recorrer fácilmente el contenido de cualquier documento XML. xPath es tan potente que la mayoría de lenguajes tienen funciones específicas para trabajar con él en sus fichero XML.

Jack Slocum, ha diseñado una pequeña librería que aprovechando la potencia de xPath, y la integración con Javascript (muy básica) poder navegar por un documento XML muy fácilmente. Para ello ha desarrollado esta librería como una extensión de Yahoo UI!, con una serie de funciones a las que podremos pasar a modo de parametros las expresiones xPath con las que queramos realizar nuestras busquedas.

Ext.select('#some-element div{display=none}').show(); // Consultas sobre el CSS

De esta forma estamos buscando, dentro del elemento some-element todos los div que tengan el atributo display a none. Una forma bastante rápida de acceder a esta lista de elementos.

var dq = Ext.DomQuery; // cargamos el XML.
// Buscamos un atributo (@)
var name = dq.selectValue('/exployees/employee[id=1234]/@name');
// buscamos un nodo de texto
var name = dq.selectValue('/exployees/employee[id=1234]/name');

Dependiendo de nuestra expresión podremos obtener atributos o nodos completos.

[Descargar]

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.