<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Desarrollosweb.net &#187; ext.element</title>
	<atom:link href="http://www.desarrollosweb.net/tag/extelement/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.desarrollosweb.net</link>
	<description>Desarrollo de webs y aplicaciones</description>
	<lastBuildDate>Fri, 29 Jul 2011 15:42:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Introduciendo ExtJS(II): El objeto Ext.Element</title>
		<link>http://www.desarrollosweb.net/2008/11/12/introduciendo-extjs-el-objeto-extelement/</link>
		<comments>http://www.desarrollosweb.net/2008/11/12/introduciendo-extjs-el-objeto-extelement/#comments</comments>
		<pubDate>Wed, 12 Nov 2008 08:07:48 +0000</pubDate>
		<dc:creator>Javier Caride</dc:creator>
				<category><![CDATA[ExtJS]]></category>
		<category><![CDATA[desarrollo web]]></category>
		<category><![CDATA[ext.element]]></category>
		<category><![CDATA[extjs]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://www.desarrollosweb.net/?p=21</guid>
		<description><![CDATA[Ext.Element, es quizás el objeto más importante en ExtJS. Normalmente si queremos referenciar en nuestro código Javascript cualquier objeto del DOM, normalmente utilizaremos la instrucción: var divObj = document.getElementById('divEjemplo'); Este método sólo nos devuelve el objeto javascript &#8220;tal cual&#8221; sin ninguna función a mayores para manejarlo. ExtJS nos facilita el objeto Ext.Element, para ampliar las [...]]]></description>
			<content:encoded><![CDATA[<p>Ext.Element, es quizás el objeto más importante en ExtJS. Normalmente si queremos referenciar en nuestro código Javascript cualquier objeto del DOM, normalmente utilizaremos la instrucción:</p>
<pre name="code" class="javascript">
var divObj = document.getElementById('divEjemplo');
</pre>
<p>Este método sólo nos devuelve el objeto javascript &#8220;tal cual&#8221; sin ninguna función a mayores para manejarlo.</p>
<p>ExtJS nos facilita el objeto Ext.Element, para ampliar las funcionalidades de cualquier objeto del DOM mediante una capa de funciones y métodos comunes que lo &#8220;envuelve&#8221;. Para &#8220;envolver&#8221; cualquier objeto del DOM mediante esta capa, sólo tenemos que hacer uso de la función Ext.get() para solicitarle al DOM el objeto, en vez de la clásica llamada Javascript:</p>
<p>Sobre los objetos del DOM obtenidos a través de esta función, se pueden realizar múltiples operaciones que nos facilitan operaciones como redimensionar objetos, cambiar opacidad, etc. Para un listado completo de ellas se recomienda <a href="http://www.extjs.com/deploy/dev/docs/" target="_bklank">consultar el API de ExtJS</a>.</p>
<p>Un ejemplo del uso de este método de la librería ExtJS es el siguiente</a></p>
<pre name="code" class="javascript">
Ext.onReady(function() {
	// Capturamos el objeto del DOM
    var divObj = Ext.get('divEjemplo');

    // Fijamos las opciones para la duración de las animaciones
    var animOpt = {
        duration: 10
    };

    // Remarcamos el objeto
    divObj.highlight();
    // Cambiamos la opacidad
    divObj.setOpacity(.25,animOpt);
    // Cambiamos el ancho
    divObj.setWidth(100,animOpt);
    // Quitamos la clase CSS
    divObj.removeClass('backgroundRed');
    // Le ponemos otra
    divObj.addClass('backgroundGreen');
});
</pre>
<p>Para comprender mejor lo que hace, os recomiendo <a href="http://appsrv01.desarrollosweb.net/blog/extjs/ext_element.html" target="_blank">ver el ejemplo</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.desarrollosweb.net/2008/11/12/introduciendo-extjs-el-objeto-extelement/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

