使用jQuery拖放表列的排序

我正在使用jQuery来驱动我的AJAX UI.我有一个数据表,我想允许用户通过拖放来重新排序表中的列.我希望用户能够抓住列的标题并移动它.下面的数据行应该遵循.请注意,我不感兴趣,对数据进行排序或重新排序中排,但允许用户更改列的顺序.

有现成的解决方案吗？我尝试在元素上使用标准的jQuery可排序调用,但当然这不起作用.我浏览了jQuery插件网站,但没有找到任何东西.我需要编写一个jQuery插件吗？

编辑:请注意,jQuery,Dojo等(免费的)实际上是JS框架的唯一选择.我无法获得像ExtJS这样商业化的许可证.

有一个叫做Dragtable的JQuery UI Widget .

现场演示

试试这个:

$('.sort').sortable({
  cursor: 'move',
  axis: 'y',
  update: function(e, ui) {
    $(this).sortable('refresh');
    var params = {};
    params = $('.id').serializeArray(),
      $.ajax({
        type: 'POST',
        data: {
          id : params
        },
        url: 'Your url',
        success: function(msg) {
          // Your sorted data.
        }
      });
  }
});

  

    

      
abc
      
xyz
    
  
  

    

      
      
Text Here
      
Yes, you are done
    
    

      
Foo
      
Bar