Dremweaver

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 ícone Srpy XML Data Set "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.

Spry XML Data Set

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 Spry Repeat List. Aparecerá um novo painel, configure como mostra abaixo:

Iniserir Spry Repeat List

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??

(Responder)

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

(Responder)

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..."

(Responder)

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!

(Responder)

Fazer comentário

© 2007 - Dreamwaver CS3