需要對錶格進行排序並獲取網址並與其他人共享顯示排序結果

Question

我有一個表格，我正在使用jquery.tablesorter.combined.js和saveSort小部件在多個列上進行排序（使用shift + click） 保存排序。

有沒有什麼辦法可以在服務器端對此進行排序並獲取url以便我可以複製&粘貼url並通過URL與其他人分享此結果？ 加載這個URL應該給我排序的表。

請讓我知道提前

Answer 1

感謝我最終作出一個小部件，以當前的排序添加到哈希值。它沒有經過徹底測試，並且因this demo不能工作，因爲無法在內部幀上設置散列。它在整頁演示中工作。

/*! Widget: sort2Hash */ 
;(function($) { 
'use strict'; 
var ts = $.tablesorter || {}, 
s2h = { 
    init : function(c, wo) { 
     var arry, indx, len, column, direction, 
      sort = s2h.getSort(c, wo); 
     if (sort) { 
      arry = sort.split(wo.sort2Hash_separator); 
      len = arry.length; 
      sort = []; 
      for (indx = 0; indx < len; indx++) { 
       column = arry[ indx++ ]; 
       direction = arry[ indx ]; 
       if (typeof direction !== 'undefined') { 
        sort.push([ column, direction ]); 
       } 
      } 
      if (sort.length) { 
       c.sortList = sort; 
      } 
     } 
     c.$table.on('sortEnd.sort2hash', function() { 
      s2h.setHash(c, wo); 
     }); 
    }, 
    getTableId : function(c, wo) { 
     return wo.sort2Hash_tableId || 
      c.table.id || 
      'table' + $('table').index(c.$table); 
    }, 
    getSort : function(c, wo, clean) { 
     // modified original code from http://www.netlobo.com/url_query_string_javascript.html 
     var name = s2h.getTableId(c, wo).replace(/[\[]/, '\\[').replace(/[\]]/, '\\]'), 
      sort = (new RegExp('[\\#&]' + name + '=([^&]*)')).exec(window.location.hash); 
     if (sort === null) { 
      return ''; 
     } else { 
      if (clean) { 
       window.location.hash = window.location.hash.replace('&' + name + '=' + sort[ 1 ], ''); 
      } 
      return sort[ 1 ]; 
     } 
    }, 
    setHash : function(c, wo) { 
     var hash, indx, 
      arry = [], 
      tableId = s2h.getTableId(c, wo) + '=', 
      sort = c.sortList || [], 
      len = sort.length; 
     if (len) { 
      s2h.getSort(c, wo, true); // remove hash 
      window.location.hash += (window.location.hash.length ? '' : wo.sort2Hash_hash) + 
       '&' + tableId + 
       // flatten array, then join with separator 
       [].concat.apply([], sort).join(wo.sort2Hash_separator); 
     } 
    } 
}; 

ts.addWidget({ 
    id: 'sort2Hash', 
    options: { 
     sort2Hash_hash  : '#', // hash prefix 
     sort2Hash_separator : '-', // don't '#' or '=' here 
     sort2Hash_tableId : null // this option > table ID > table index on page 
    }, 
    init: function(table, thisWidget, c, wo) { 
     s2h.init(c, wo); 
    }, 
    remove: function(table, c) { 
     c.$table.off('sortEnd.sort2hash'); 
    } 
}); 

})(jQuery); 

$(function() { 

    $('table').tablesorter({ 
     theme: 'blue', 
     widgets: [ 'zebra', 'sort2Hash' ], 
     widgetOptions : { 
      // hash prefix 
      sort2Hash_hash  : '#', 
      // don't '#' or '=' here 
      sort2Hash_separator : ',', 
      // this option > table ID > table index on page 
      sort2Hash_tableId : null 
     } 
    }); 

}); 

我會在我的fork of tablesorter的下一次更新中包含此小部件。