Select com XML
2007-10-31 12:47:42
Categoria: Spry
Um problema comum é a criação de lista e sua manutenção. Um mesma lista pode aparecer em várias páginas, isso causa problemas de manutenção, pois quando você muda uma precisar mudar o restante. Você pode criar categorias para seus produtos, ou listar os estados do Brasil para facilitar a navegação.
Para solucionar esse problema vamos ver aqui como criar um campo do tipo select (lista de seleção) a partir de um arquivo XML. Baixe aqui a listas de todos os estados brasileiro em xml. Isso cria uma vantagem. Para mudar o valor do campo basta editar o arquivo XML. Nesse formato todos os selects do seu site importarão os dados de uma base comum, sendo assim ao mudar o conteúdo do XML você estará mudando todos os selects de uma vez.
Depois de baixar nossos arquivo de dados do exemplo você terá que importa-lo para sua página. Vá na aba do Spry e clique no ícone 
"Spry XML Data Set". Abrira um painel onde será gerada a consulta. No primeiro campo (Data Set name) escreva "UF". No segundo campo clique em browse e escolha a base XML que você baixou acabou de baixar. Depois em Row element selecione a tag "uf" e clique em OK.
Neste momento você já importou os dados, só falta agora criar o campo de seleção. Na aba Spry vá vem no ícone 
Spry Repeat List. Aparecerá um novo painel, configure como mostra abaixo:
Container tag: Selecione a opação SELECT (Drop-down List)
Spry Data Set: Escolha "uf".
Display Column: Esta opção corresponde ao que o usuário verá escrito no campo, escolha "nome".
Value Column: Define o valor correspondente de cada campo.
Agora clique em ok. Pronto, agora seu campo select está exibindo em sua lista todos os nomes do estados do Brasil, e seus valores são suas respectivas siglas. Veja nosso exemplo final aqui.
Comentários
- Roberto 2007-12-13 22:01:11
- É possível fazer uma inserção no XML??
- Thiago Prazeres 2007-12-17 16:39:42
- Possível é, você pode usar o DOOM pra fazer isso. Porém esse prática não é comum, normalmente se tem um banco de dados comum, e o arquivo XML é gerado dinamicamente. Com isso a inserção seria no banco de dados e não diretamente no XML.
- Cezar Amorim 2008-06-21 14:41:35
- Parabéns pelo exemplo. Estou com uma dificuldade em implementar um segundo select menu com as cidades quando selecionado o estado, você teria somo me ajudae. Grato
- Marcus Paulo 2008-07-08 08:43:36
- Amigo dois erros! primeiro que este arquivo que vc colocar ai como exemplo não tem opção de baixar! e sim copiar! Segundo talvez seja por isso que estar retornarno erro! quando no dreamCS3 estar dando erro de não gerar o schuema! "TypeUTFDataFormarException..."
- Marcus Paulo 2008-07-08 11:43:42
- Amigos, muito boa a ferrramenta pra quem quer rapidez!Porém aqui vai uma dica: A pessoa um pouco leiga sentirá dificuldades no XML de exemplo pois, estar com um padrão não aceitavel! Modifiquem a primeira linha para os padrões de xml aceitavel,que dará certo!
- rafael 2008-12-12 11:00:23
- Parabéns parceiro.. Há muito poucos tutoriais que falam de xml em comparação com outras tecnologias, esse tutorial falou do uso de xml com o dreamweaver cs3, espero ver outro em breve.
- Carlos 2009-11-29 08:06:16
- Mas dessa forma não seria um form obstrutivo, uma vez que o cliente pode estar com o javascript desabilitado? Uso Cs2 não sei muita coisa do Spry...
- Igor 2011-06-13 10:56:48
- é possível usar este tipo de sistema, para eu selecionar, um estado, daí abre as cidades, e selecionando a cidade abre o bairro? eu gostaria de saber qual o modo mais prático de se fazer isto, isso será para um formulário, poré, os campos serão, bairro, quadra, lote, se puderem me conseguir um código de exemplo ficaria muito feliz, isso tudo no dream cs3, obrigado.