Aplicativo Web - GUI do tipo painel - Interface [fechada]
-
08-06-2019 - |
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.
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.
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.