jQuery JTable如何拖動行

Question

我想用jQuery jTable拖放表中的行，使用ajax調用發佈更新排序順序。 這可能嗎？

找不到有關拖動行

Answer 1

什麼我發現了一個解決方案綁定在查詢界面上recordsLoaded，調用每個時間記錄被載入

$('#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(); 

     } 
    });