Веб-приложение - Графический интерфейс типа панели инструментов - Интерфейс

Я хочу создать графический интерфейс типа панели инструментов для веб-приложения. Я ищу, чтобы пользователь мог перетаскивать различные элементы (возможно, кнопки изображений, теги привязки или, может быть, просто div) в разные (определенные) места и иметь возможность сохранять свои настройки (в файле cookie или в сервер). Я работаю с C# в рамках .Net 2.0. Я пробовал использовать mootools, но их недавнее обновление сделало их возможности перетаскивания бесполезными для меня. Я ищу какое-то направление, потому что знаю, что есть что-то именно то, что я ищу, поэтому мне не придется создавать с нуля.

Спасибо.

Ответов (5)

Решение

Недавно я сам смотрел на такую ​​функциональность и решил использовать jQuery с помощью jQuery UI . Я наткнулся на большое количество информации, которая также предлагала Yahoo UI (YUI), я уже начал изучать jQuery из-за поддержки AJAX, которую он предлагает, поэтому я придерживался этого.

Сайт
пользовательского интерфейса jQuery Документация по пользовательскому интерфейсу jQuery
Пример макета экрана перетаскивания с помощью пользовательского интерфейса jQuery
Введение в пользовательский интерфейс jQuery

Если вы решите использовать библиотеку javascript YUI, вот ссылка на огромное количество видеороликов, которые помогут вам начать работу.

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

Я предпочитаю использовать 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 .

Если вы все еще хотите дать MooTools второй шанс, я бы порекомендовал взглянуть на Mocha UI .