Componente PopUpSelector

Você já precisou criar um PopUp para permitir ao usuário selecionar um item que preencherá um campo num formulário? O componente PopUpSelector, desenvolvido pela DClick, resolve este problema de um modo elegante ao fazer uso de um “PopUp visualmente leve”, do “Contexto do Campo” e dos Efeitos do Flex.






O interessante deste componente é que o PopUp é flexível. Como você pôde ver no exemplo, o primeiro PopUp apresenta simplesmente uma Tree e o segundo apresenta um List com um campo de busca.

Do ponto de vista do Design de Interfaces creio que as PopUps devem ser utilizadas com moderação nas RIAs. Eu diria que qualquer PopUp onde o usuário trabalhe por mais de 2 minutos deve ser vista com suspeita. A PopUp tem que ser algo pontual: o usuário a aciona, faz o seu trabalho rapidamente, e ela desaparece.

Lembre-se que para ver o código basta clicar com o botão direito do mouse e escolher a opção View Source.


10 comments

  1. Aguinelo Pedroso on 16.maio.07 at 5:56 pm

    Muito bom este componente, quando necessitar de algo nesse sentido ja sei onde achar.
    Percebi que o código é bem sucinto também.

    Parabéns a Dclick

  2. Daniel Schmitz on 16.maio.07 at 7:00 pm

    Muito bom! Parabéns!!!!

  3. Hamad Amaral on 17.maio.07 at 11:06 am

    “Assim, por exemplo”, nota 10, Beck.

  4. Mônica on 18.jun.07 at 11:41 am

    Nota 1000. Muito útil este componente. Ficou excelente.

  5. Jefferson on 23.mar.08 at 10:09 pm

    caiu do céu! parabéns

  6. Michel on 27.abr.09 at 9:41 am

    Favor incluir comentário que não roda em Flex 3, há na verdade um bug, veja em http://bugs.adobe.com/jira/browse/SDK-15591.

    Abraços.

  7. Claudio on 2.mar.11 at 10:52 pm

    Olá..
    poderia me tirar uma dúvida? Eu estou tentando criar um componente customizado para a minha aplicação porém adicionando componentes externamente… uma espécie de janela. Mas quando uso o meu componente e tento adicionar outro componente por fora, ele dá erro… sabe como faço para resolver isso?
    Exemplo:
    Criei um componente de filtro base no BorderContainer que irei usar na minha aplicação.

  8. Claudio on 2.mar.11 at 10:53 pm

    [code]

    [/code]

  9. Claudio on 2.mar.11 at 10:55 pm

    Dificil colocar o código hehehe
    [c:filtro]
    [s:ToggleButton label=”Filtros” id=”btnFiltro” bottom=”0″ horizontalCenter=”0″/]
    [/c:filtro]

Trackbacks

  1. DClick Blog

Leave a Comment