2015-07-20 42 views
0

我使用jquery可排序与表,它工作正常。 当我使用分页(我通过ajax文章保存数据库中数据项目的新顺序)时,表格会丢失顺序,并且仅当我刷新页面时才会显示新顺序(因为我将从数据库中获取实体) 如何在使用分页时点击新订单?jquery ui表可分类与分页

$("tbody").sortable({ 
     axis:'y', 
     placeholder: "ui-state-highlight", 
     group: 'no-drop', 
     handle: '.drag', 
     update: function (event, ui) { 

      var videoSortedIDS = $(this).sortable("toArray"); 
      var ranks = []; 
      for (r = pageInfo.start; r < pageInfo.end; r++) { 
       ranks.push(r); 
      } 

      $.post(urlSort, {videoIDS: videoSortedIDS, videoRanks: ranks}, function (data) { 
       if (data.responseCode === 200) { 
        console.log(data.sortedEntities); 
       } else { 
        alert("Error"); 
       } 
      }); 
     } 
    }).disableSelection(); 
+0

问题是:如果我做了一个排序,那么我移动到另一个页面使用分页表格然后我回到排序页面,表格显示最初的顺序 – Taieb

+0

我找到了一个解决方案! 由于jQuery的Sortable不影响与Datatable实例化的对象,我使用table.row(index).data(newRowContent).draw(false)更新了Datatable表中的每一行,并添加了html表的新内容。 draw(false)保存页面状态;) – Taieb

回答

0

我找到了解决方案!由于jQuery的可排序不影响使用的DataTable实例化对象,我更新DataTable中的表中每一行的HTML表的新内容:

table.row(index).data(newRowContent).draw(false); 

平局(false)来保存页面状态)