Используйте сортировку jqueryui для заказа записей в сетке

Question

Я использую сетку для отображения списка записей основной таблицы, которые используются раскрывающимся списком в моем веб-приложении.Мы поддерживаем столбец sortOrder, используемый при отображении элементов в выпадающем списке.Я хочу использовать сортируемый плагин jQueryUI , чтобы позволить пользователям переупорядочивать записи, отображаемые в Grid.

У меня есть ASP.Net MVC (v2.0) вебприложение.Как лучше всего получить новый заказ и обновить его в базе данных?

Я нашел пост для php , который похож.Он использует ".sortable ('toArray')", чтобы получить элементы, но у меня есть Grid.Должен ли я упростить свою сетку до списка?

Answer 1

У меня есть редактируемая сетка, поэтому я добавил новый столбец "sortOrder", в котором есть текстовое поле, и каждый раз, когда пользователь перетаскивает строку, я использую событие "update", чтобы найти его и установить "this.rowIndex".

Надеюсь, что поможет следующая функция -

$("#sortable tbody").sortable({
    helper: fixHelper,
    cursor: 'move',

    update: function(e, ui) {
        $el = $(ui.item);
        $el.effect('highlight', {}, 2000);

        //Use for debug: alert($('#sortable tbody tr').length);

        $('#sortable tbody tr').each(
                function(currentIndex) {
                    $(this).find('td:nth-child(3)').find('input:first').val(this.rowIndex); //td:first
                });
    }
});

Здесь я нахожу свое текстовое поле и устанавливаю его значение:

$ (это) .find ( 'тд: п-й ребенок (3)') найти ( 'вход: первый').. Val (this.rowIndex);