Question

我使用网格显示主表记录列表，这些记录由我的网络应用程序中的下拉列表使用。我们维护一个sortOrder列，用于在下拉列表中显示项目。我想使用jQueryUI sortable plugin来允许用户重新排序网格中显示的记录。

我有一个ASP.Net MVC（v2.0）网络应用程序。捕获新订单并在数据库中更新它的最佳方法是什么？

我找到了类似的post for php。它使用“.sortable（'toArray'）”来获取元素，但我有一个网格。我是否必须将网格简化为列表？

Answer 1

我有一个可编辑的网格，所以我添加了一个新的列“sortOrder”，它有文本框，每次用户拖动一行时我都会使用“更新”事件找到它并设置“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（ 'TD：第n个孩子（3）'）找到（ '输入：第一'）。VAL（this.rowIndex）;

使用jqueryui sortable来排序Grid中的记录

1 个答案: