My<cod/>.net
Web App-Тип Панели Мониторинга GUI-Интерфейс
Я ищу, чтобы создать графический интерфейс типа панели мониторинга для веб-приложения. Я ищу, чтобы пользователь мог перетаскивать различные элементы (возможно, кнопки изображений, теги привязки или, возможно, просто divs) в разные (определенные) места и сохранять их настройки (в файле cookie или на сервере). Я работаю с c# в .Чистый рамках 2.0. Я пробовал использовать mootools, но их недавнее обновление оставило их возможности перетаскивания бесполезными для меня. Я ищу немного направления, потому что я знаю, что там есть что-то, что я ищу, поэтому мне не придется строить с нуля.
Спасибо.
Я сам недавно рассматривал этот вид функциональности и решил использовать jQuery с помощью jQuery UI . Я наткнулся на большое количество информации, которая также предложила Yahoo UI (YUI), я уже начал изучать jQuery из-за поддержки AJAX, которую он предлагает, поэтому я застрял с ним.
Сайт jQuery пользовательского интерфейса
jQuery документация по пользовательскому интерфейсу
Пример макета экрана перетаскивания с jQuery UI
Введение в jQuery UI
Если вы решили использовать библиотеку YUI javascript, вот ссылка на огромное количество видео, чтобы помочь вам начать работу.
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
Есть много обучающих видеороликов, которые показывают вам, как начать использовать элементы управления.