Состояние элементов пользовательского интерфейса jquery в JSON

Question

Как сохранить состояние перетаскиваемых и droppables из jQuery UI в JSON? Я хочу сохранить состояние и вернуть их с помощью JSON. Возможно ли, что это лучший способ или альтернативные способы?

Answer 1

Используйте обработчики обратного вызова событий перетаскивания/пересылки, чтобы получить значения, которые были изменены.

Вы можете сохранить эти значения, используя localStorage/sessionStorage, поэтому вам не нужно сохранять данные на сервер.

Существует также полипол для API хранения, который вы можете использовать для IE.

попробовать что-то вроде этого:

$(".yourdraggable_element").draggable({ 
    stop: function(event, ui) { 
     localStorage.setItem("left",ui.position().left); 
     localStorage.setItem("top",ui.position().top); 
    } 
}); 

теперь вы можете получить позицию:

$(".yourdraggable_element").css("left",localStorage.getItem("left")); 
    $(".yourdraggable_element").css("top",localStorage.getItem("top")); 

Примечание: это всего лишь отправная точка! Например. вам сначала нужно проверить, есть ли localStorage, поэтому, пожалуйста, не принимайте это как полное решение!

Answer 2

Я бы порекомендовал jQuery UI - http://jqueryui.com/, который поддерживает перетаскивание через взаимодействия Draggable и Droppable. Они имеют обширную документацию, когда речь заходит о обратных вызовах JSON и т. Д.