<?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>BLOG::Nivaldo &#187; dijit</title>
	<atom:link href="http://www.nivaldoarruda.com.br/tag/dijit/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.nivaldoarruda.com.br</link>
	<description>Tecnologias Web, PHP e Aquários</description>
	<lastBuildDate>Sun, 29 Aug 2010 23:59:47 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>InlineEditBox alternando para FilteringSelect &#8211; DojoToolKit</title>
		<link>http://www.nivaldoarruda.com.br/2009/01/21/inlineeditbox-alternando-para-filteringselect-dojotoolkit/</link>
		<comments>http://www.nivaldoarruda.com.br/2009/01/21/inlineeditbox-alternando-para-filteringselect-dojotoolkit/#comments</comments>
		<pubDate>Wed, 21 Jan 2009 11:22:35 +0000</pubDate>
		<dc:creator>Nivaldo Arruda</dc:creator>
				<category><![CDATA[Dojo]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[data]]></category>
		<category><![CDATA[datastore]]></category>
		<category><![CDATA[dijit]]></category>
		<category><![CDATA[dojotoolkit]]></category>
		<category><![CDATA[exemplo]]></category>
		<category><![CDATA[filtering]]></category>
		<category><![CDATA[filteringselect]]></category>
		<category><![CDATA[inline]]></category>
		<category><![CDATA[inlineeditbox]]></category>
		<category><![CDATA[ItemFileReadStore]]></category>
		<category><![CDATA[js]]></category>
		<category><![CDATA[script]]></category>
		<category><![CDATA[store]]></category>
		<category><![CDATA[toolkit]]></category>

		<guid isPermaLink="false">http://www.nivaldoarruda.com.br/?p=234</guid>
		<description><![CDATA[Criar os InlineEditBox (aqueles campos que se mostram como texto, mas ao clicar se transformam em um campo para edição) é uma tarefa bem tranquila para ser feita usando o dojo. Mas caso você precise usar algum FilteringSelect com store, pode ser que você não ache a informação tão facilmente. Vou ilustrar aqui um pequeno [...]

<br/><br/>
<strong>Posts relacionados:</strong><ol><li><a href='http://www.nivaldoarruda.com.br/2009/02/08/dojo-toolkit-ajax-submetendo-um-form-via-post/' rel='bookmark' title='Permanent Link: Dojo Toolkit (ajax): Submetendo um form via POST'>Dojo Toolkit (ajax): Submetendo um form via POST</a> <small>Irei demonstrar nesse pequeno tutorial, como é fácil enviar os...</small></li>
<li><a href='http://www.nivaldoarruda.com.br/2008/11/11/dojo-dojox-datagrid/' rel='bookmark' title='Permanent Link: Dojo (dojox) DataGrid'>Dojo (dojox) DataGrid</a> <small>Hoje vou apenas exemplificar a criação de um Dojox Datagrid....</small></li>
<li><a href='http://www.nivaldoarruda.com.br/2008/11/27/otimizando-o-dojo-toolkit/' rel='bookmark' title='Permanent Link: Otimizando o Dojo Toolkit'>Otimizando o Dojo Toolkit</a> <small>Se você já está usando o Dojo ou começou com...</small></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div id=HOTWordsTxt name=HOTWordsTxt><p>Criar os InlineEditBox (aqueles campos que se mostram como texto, mas ao clicar se transformam em um campo para edição) é uma tarefa bem tranquila para ser feita usando o dojo. Mas caso você precise usar algum FilteringSelect com store, pode ser que você não ache a informação tão facilmente. Vou ilustrar aqui um pequeno exemplo.</p>
<p><strong>Código HTML (Cabeçalho)</strong></p>
<pre name="code" class="javascript">
&lt;script type="text/javascript"&gt;
dojo.require("dojo.parser");
dojo.require("dijit.InlineEditBox");
dojo.require("dijit.form.FilteringSelect");
dojo.require("dojo.data.ItemFileReadStore");

//Carregar o combo em "background" ao iniciar
dojo.addOnLoad(function() {
StatusStore.fetch();
})

&lt;/script&gt;
</pre>
<p><strong>Código HTML (corpo)</strong></p>
<pre name="code" class="html">
&lt;div dojoType="dojo.data.ItemFileReadStore" jsId="StatusStore" url="/status/jsonselect/"&gt;&lt;/div&gt;

&lt;span dojoType="dijit.InlineEditBox" editor="dijit.form.FilteringSelect" editorParams="{'name':'status','store': StatusStore, 'searchAttr': 'name', 'InvalidMessage':'Selecione um novo status'}" onchange="alteraStatus()" title="Selecione um novo status"&gt;
Clique aqui para selecionar
&lt;/span&gt;
</pre>
<p>Com esse código, você terá um campo como esse:<br />
<div id="attachment_235" class="wp-caption aligncenter" style="width: 507px"><img class="size-full wp-image-235" title="inlineedit-1" src="http://www.nivaldoarruda.com.br/wp-content/uploads/2009/01/inlineedit-1.png" alt="Exemplo 01" width="497" height="69" /><p class="wp-caption-text">Exemplo 01</p></div></p>
<p>que ao clicar, se transformará em um FilteringSelect, assim:</p>
<p style="text-align: center;">
<div id="attachment_235" class="wp-caption aligncenter" style="width: 507px"><img class="size-full wp-image-235" title="inlineedit-1" src="http://www.nivaldoarruda.com.br/wp-content/uploads/2009/01/inlineedit-2.png" alt="Exemplo 02" width="497" height="69" /><p class="wp-caption-text">Exemplo 02</p></div>
<p>E finalmente ao trocar o status, será executada a função do evento &#8220;onchange&#8221;: alteraStatus(). É nela que você toma as medidas necessárias (ajax para alterar o bd ou alguma ação diferente no form de acordo com a opção, etc) para cada página.</p>
<p>InlineEditBox é um recurso muito simples de ser criado e que dá uma boa aparência para a sua aplicação.</p>
<p>^^</p>
</div>

<br/><br/><p><strong>Posts relacionados:</strong><ol><li><a href='http://www.nivaldoarruda.com.br/2009/02/08/dojo-toolkit-ajax-submetendo-um-form-via-post/' rel='bookmark' title='Permanent Link: Dojo Toolkit (ajax): Submetendo um form via POST'>Dojo Toolkit (ajax): Submetendo um form via POST</a> <small>Irei demonstrar nesse pequeno tutorial, como é fácil enviar os...</small></li>
<li><a href='http://www.nivaldoarruda.com.br/2008/11/11/dojo-dojox-datagrid/' rel='bookmark' title='Permanent Link: Dojo (dojox) DataGrid'>Dojo (dojox) DataGrid</a> <small>Hoje vou apenas exemplificar a criação de um Dojox Datagrid....</small></li>
<li><a href='http://www.nivaldoarruda.com.br/2008/11/27/otimizando-o-dojo-toolkit/' rel='bookmark' title='Permanent Link: Otimizando o Dojo Toolkit'>Otimizando o Dojo Toolkit</a> <small>Se você já está usando o Dojo ou começou com...</small></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.nivaldoarruda.com.br/2009/01/21/inlineeditbox-alternando-para-filteringselect-dojotoolkit/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
