如何動態調整排序？

Question

我有一個jqGrid的，我有一個SortNo字段，處理我的排序，我怎麼能動態地調整它的排序，當我在sortNo添加相同數量和自動順序調整數。請參閱上面鏈接中的示例。有人可以幫幫我嗎？

$(document).ready(function(){ 
var xaxis=645 
var yaxis = $(document).height(); 
yaxis = yaxis-100; 
getGrids(); 

$("#maingrid").jqGrid({ 
    url:'models/gridheaders.php?todo=select&id=new', 
    datatype: 'xml', 
    mtype: 'POST', 
    colNames:['ID','Description_EN','Description_JP', 
    'SortNo','ColWidth','GridID','Module'], 
    colModel :[ 
     {name:'id', index:'id', width:120, align:'center',sortable:false,editable:false,editoptions:{size:"30",maxlength:"30"}},       

     {name:'eng', index:'eng', width:120, align:'center',sortable:false,editable:true,edittype:"text",editoptions:{size:"30",maxlength:"30"}},     

     {name:'jap', index:'jap', width:120, align:'center',sortable:false,editable:true,edittype:"text",editoptions:{size:"30",maxlength:"30"}}, 
     //This field is I want to dynamically sort. 
     {name:'sort', index:'sort', width:120, align:'center',sortable:false,editable:true,edittype:"text",editoptions:{size:"30",maxlength:"30"}},       

     {name:'col', index:'col', width:120, align:'center',sortable:false,editable:true, 
     edittype:"text",editoptions:{size:"30",maxlength:"30"}},      

     {name:'grid', index:'grid', width:120, align:'center',sortable:false,editable:true,hidden:true,edittype:"text", 
     editoptions:{size:"30",maxlength:"30"},editrules: { edithidden: true}}, 

     {name:'used', index:'used', width:120, align:'center',sortable:false,editable:true,hidden:true,edittype:"text",editoptions:{size:"30",maxlength:"30"},editrules: { edithidden: true}}, 

     }, 
    ], 
    viewrecords: true,   
    rowNum: -1, 
    height: yaxis, 
    width: xaxis, 
    shrinkToFit: false, 
    multiselect: true, 
    editurl:"" 
}); 

有人可以幫助我，我應該使用什麼函數進行動態排序？謝謝

Answer 1

您可以檢查DataTables。它可以很容易地與jQuery和jQuery UI集成，並且它包括多列排序。

http://datatables.net/release-datatables/examples/basic_init/multi_col_sort.html