jQuery JTable如何拖动行 [英] jQuery JTable how to drag rows

问题描述

我想在使用ajax调用发布更新排序顺序时，在使用jQuery jTable构建的表中拖动行. 有可能吗?

I would like to drag rows in a table build with jQuery jTable, on release update sort order with ajax call. Is that possible?

找不到有关可拖动行的任何内容

Can't find anything about draggable rows

推荐答案

我发现一个解决方案，将查询ui绑定在recordsLoaded上，每次加载记录时调用

i found a solution bind the query ui on recordsLoaded, call each time record are loaded

   $('#mytable').jtable({
        title: 'my title',
        paging: true,
        pageSize: 100,
        sorting: true,
        defaultSorting: 'order ASC',
        selecting: true,
        multiselect: true,
        selectingCheckboxes: true,
        columnSelectable: false,
        gotoPageArea: 'none',
        pageSizeChangeArea: false,
        actions: {
            listAction: '../ajax/myajax.php'
        },
        fields: {
            id: {
                key: true,
                create: false,
                edit: false,
                list: false
            },
            order: {
                title: 'order',
                create: false,
                edit: false,
                sorting: false
            }
        },
        recordsLoaded: function () {

            $(".jtable tbody").sortable({
                cursor: 'move',
                opacity: 0.9,
                axis: 'y',
                start: function (event, ui) {
                    if ($.browser.webkit) {
                        wscrolltop = $(window).scrollTop(); // bug fix
                    }
                },
                sort: function (event, ui) {
                    if ($.browser.webkit) {
                        ui.helper.css({ 'top': ui.position.top + wscrolltop + 'px' });  // bug fix
                    }
                },
                update: function(event, ui) {

                    // do jquery HERE on sort

                }

            }).disableSelection();

        }
    });

这篇关于jQuery JTable如何拖动行的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！