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

时间:2011-12-08 08:38:36

标签: jquery-ui-sortable

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

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

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

1 个答案:

答案 0 :(得分:0)

我有一个可编辑的网格,所以我添加了一个新的列“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);