Веб-приложение - Графический интерфейс типа приборной панели - Интерфейс
Я хочу создать графический интерфейс типа панели инструментов для веб-приложения. Я ищу, чтобы пользователь мог перетаскивать различные элементы (возможно, кнопки изображений, теги привязки или, может быть, просто div) в разные (определенные) места и иметь возможность сохранять свои настройки (в файле cookie или в сервер). Я работаю с C# в рамках .Net 2.0. Я пробовал использовать mootools, но их недавнее обновление сделало их возможности перетаскивания бесполезными для меня. Я ищу какое-то направление, потому что знаю, что есть что-то именно то, что я ищу, поэтому мне не придется создавать с нуля.
Спасибо.
Ответы 5
Я предпочитаю использовать jQuery для подобных вещей AJAXy. Он также имеет множество очень хороших плагинов, которые упрощают написание клиентского кода.
Вот страница плагина специально для Drag-n-Drop.
http://plugins.jquery.com/project/Plugins/category/45
Обратный вызов Ajax также очень прост, поэтому сохранение настройки также должно быть довольно простым.
Я использовал Microsoft ASP.Net Ajax и AjaxControlToolkit, чтобы сделать что-то подобное. У них есть ResizeableControl и DragPanel. Я использовал их, а затем разместил внутри панели IFrame для отображения содержимого.
Работает неплохо.
Этот сайт:
http://www.asp.net/learn/videos/default.aspx?tabid=63#ajax
Содержит множество обучающих видеороликов, в которых показано, как начать работу с элементами управления.
Вы можете посмотреть DropThings на Codeplex.
Я сам недавно рассматривал такую функциональность и решил использовать jQuery с помощью jQuery UI. Я наткнулся на большое количество информации, которая также предлагала Yahoo UI (YUI), я уже начал изучать jQuery из-за поддержки AJAX, которую он предлагает, поэтому я придерживался этого.
Сайт пользовательского интерфейса jQuery
Документация по пользовательскому интерфейсу jQuery
Пример макета экрана перетаскивания с помощью jQuery UI
Введение в пользовательский интерфейс jQuery
Если вы решите использовать библиотеку javascript YUI, вот ссылка на огромное количество видеороликов, которые помогут вам начать работу.
Если вы все еще хотите дать MooTools второй шанс, я бы рекомендовал взглянуть на Мокко UI.