Pergunta

Estou procurando criar um tipo de painel GUI para um aplicativo da web.Estou procurando que o usuário seja capaz de arrastar e soltar diferentes elementos (provavelmente botões de imagem, tags de âncora ou talvez apenas divs) em locais diferentes (definidos) e poder salvar sua configuração (em um cookie ou no servidor).Estou trabalhando com c# no framework .Net 2.0.Tentei usar o mootools, mas a atualização recente deixou os recursos de arrastar/soltar inúteis para mim.Estou procurando um pouco de orientação porque sei que há algo por aí que é exatamente o que estou procurando, então não terei que construir do zero.

Obrigado.

Foi útil?

Solução

Eu tenho observado esse tipo de funcionalidade recentemente e decidi usar jQuery com a ajuda de IU jQuery.Me deparei com uma grande quantidade de informações que também sugeriam IU do Yahoo (YUI), eu já tinha começado a aprender jQuery devido ao suporte AJAX que ele oferece, então continuei.

Site de interface do usuário jQuery
Documentação da IU do jQuery
Exemplo de layout de tela de arrastar e soltar com jQuery UI
Introdução à interface jQuery

Se você decidir usar a biblioteca javascript YUI, aqui está um link para uma grande quantidade de vídeos para ajudá-lo a começar.

http://developer.yahoo.com/yui/theater/

Outras dicas

Se você ainda quiser dar uma segunda chance ao MooTools, recomendo dar uma olhada em UI Mocha.

Eu prefiro usar jQuery para coisas AJAXy assim.Ele também possui muitos plug-ins muito bons que tornam muito fácil escrever código do lado do cliente.

Aqui está a página do plugin especificamente para arrastar e soltar.

http://plugins.jquery.com/project/Plugins/category/45

Os retornos de chamada do Ajax também são muito fáceis, portanto, salvar a configuração também deve ser bastante fácil.

Usei o Microsoft ASP.Net Ajax e o AjaxControlToolkit para fazer algo assim.Eles têm um ResizeableControl e um DragPanel.Usei-os e hospedei um IFrame dentro do painel para exibir o conteúdo.

Funcionou muito bem.


Esse site:

http://www.asp.net/learn/videos/default.aspx?tabid=63#ajax

Tem muitos vídeos tutoriais que mostram como começar a usar os controles.

Você pode querer dar uma olhada Soltar coisas sobre Codeplex.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top