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.
Código HTML (Cabeçalho)
<script type="text/javascript">
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();
})
</script>
Código HTML (corpo)
<div dojoType="dojo.data.ItemFileReadStore" jsId="StatusStore" url="/status/jsonselect/"></div>
<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">
Clique aqui para selecionar
</span>
Com esse código, você terá um campo como esse:
Exemplo 01
que ao clicar, se transformará em um FilteringSelect, assim:
Exemplo 02
E finalmente ao trocar o status, será executada a função do evento “onchange”: 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.
InlineEditBox é um recurso muito simples de ser criado e que dá uma boa aparência para a sua aplicação.
^^
