Как отправить POST запрос при сортировке элементов на странице (Nestable)?

Question

[gejarufu]

Rails 4.1.1
Nestable

При перетаскивании элементов в методе sort падает ошибка "undefined method `each_with_index` for nil:NilClass"

js

$('.dd').nestable('serialize');
$('.dd').on('change', function() {
	$.post(
		$(this).data('update-url'),
		$(this).nestable('serialize')
		)
});

view

.dd data-update-url="#{sort_admin_list_pages_path(@list)}"
	ol.dd-list
		- @list.pages.order('position').each do |page|
			li.dd-item data-id="#{page.id}"
				.dd-handle = page.name

method

def sort
	params[:pages].each_with_index do |id, index|
		Page.where(id: id).update_all({position: index+1})
	end
	render nothing: true
end

Comments

[Ivan Nesterovich]

Покажи что отправляет твой пост запрос.

[gejarufu]

Если я правильно понял о чем вопрос, то undefined=&undefined=. Я в методе поставил if params[:pages], он его не проходит.

Answer 1

[Dimitriy]

Данные которые отправляются, не содержат параметры pages.

Cогласно документации .nestable('serialize'); идет отправка атрибутов data-*, у вас data-id, т.е. отправляется в виде (с оф. док.) [{"id":1},{"id":2},{"id":3,"children":[{"id":4},{"id":5}]}]

А принимаете почему-то вы pages:
params[:pages].each_with_index
Соответственно получаете ошибку, что для NilClass нет метода each_with_index.
Решение: или отправлять data-pages, или принимать :id

Comments

[gejarufu]

Спасибо, обратил внимание на ошибку. Сделал params[:id]. Но у меня видимо еще в чем-то проблема. Отправляет так же undefined.

[Dimitriy]

в js с какой целью используется первая строка? Проверьте какие данные отправляются (пр. записать в консоль) и какие приходят на сервер.

[gejarufu]

Первая строка в js рудимент. Удалил. Приходит и уходит undefined=&undefined=. Я так понимаю сериализовать правильно не может. Сделал params[:pages], во view data-pages="#{page.id}"

[Dimitriy]

Метод jQuery.post() для отправки принимает строку или объект, а .nestable('serialize'); преобразует в массив.

[gejarufu]

К сожалению не разобрался что надо сделать.

Answer 2

[gejarufu]

Пробую возродить вопрос.
Сделал так. Может можно как-то массив сразу передать без преобразования?

$('.dd').on('change', function() {
 url = $(this).data('update-url'),
 array = $(this).nestable('serialize'),
 $.ajax({
   dataType: 'json',
   url: url,
   type: 'post',
   data: {id: array}
   })
 )
});

В POST запросе

Parameters
id[0][id] 1
id[1][id] 2

Source
id%5B0%5D%5Bid%5D=1&id%5B1%5D%5Bid%5D=2

Но потом падает на второй строчку в методе с ошибкой
Mysql2::Error: Truncated incorrect DOUBLE value:

def sort
	params[:id].each_with_index do |id, index|
		Page.where(id: id).update_all({position: index+1})
	end
        render nothing: true
end

В методе, я так понял, сортировка у меня будет работать только для одномерных массивов. Как правильно разруливать в методе дочерние элементы?

Comments

[Dimitriy]

В каком виде у вас хранится дерево в моделе, nested set или materialize path или в каком то другом виде?

[Dimitriy]

Вопрос к тому, с какой целью вы хотите перестраивать все дерево, после перемещения одного узла?

[gejarufu]

Задача стоит следующая. Есть пункты меню, которые можно менять, путем перемещения. Выбрал для этого библиотеку Nestable. Поскольку могут быть вложенные меню (максиму 2 уровня). В БД у меня все просто. Есть id страницы, position и child.

[gejarufu]

Я так понял что у меня все неправильно в методе.