2014-01-24 51 views
1

我想用jQuery jTable拖放表中的行,使用ajax调用发布更新排序顺序。 这可能吗?jQuery JTable如何拖动行

找不到有关拖动行

+0

http://stackoverflow.com/a/16863702/528370 – Thew

+0

其实我更喜欢桌子,我以为使用查询ui拖拽能够但似乎没有工作,我猜是因为记录是通过ajax广告到表 – al404IT

回答

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(); 

     } 
    });