jqgrid客户端排序desc/asc

我已经看到了这个问题的许多变体，并且我尝试使用所有知识，但仍然没有运气。

我的日期正在从旧到新排序，我想将它们从新到旧排序。

在你看到 desc 的地方，我尝试过 asc，但没有改变。

当我尝试分页时，它似乎触发了重新加载，并且排序是正确的，从新到旧。

最好的解决方案是设置重新加载 1 秒并清除间隔吗？或者我还有什么问题吗？

我无法对服务器端进行排序，这不是一个选项。

    $("#transactionList").jqGrid({
       url: "/cc/transaction/show/"+accountId,
       datatype: "local",
       autowidth: true,
       height: 'auto',
       sortname: 'tran_date',
       sortorder: 'desc',
       sortable:true,
       loadonce:true,
       viewrecords: true,
       gridview: true,
       firstsortorder: 'desc',
       colNames:['Date','Asset Name','Description','Amount','Actions'],
       colModel:[
 {name:'tran_date',index:'tran_date',sorttype:'date',sortable:true,formatter:'date',firstsororder: 'desc',datefmt: 'M d,Y',formatoptions: {srcformat:'Y-m-d H:i:s',newformat:'M d,Y'}},
{name:'assname',index:'assname',sortable:true,resizable:false},
{name:'desccription',index:'desccription',sortable:true,resizable:false},
{name:'net_proc', index:'net_proc',align:'right',formatter:'currency',formatoptions{decimalSeparator:".", thousandsSeparator: ",", decimalPlaces: 2, prefix: "$", defaultValue:'0.00'}, sortable:true,resizable:false},   {name:'ID',index:'ID',formatter:actionsFormatter,width:130,align:"center",key:true,resizable:false}
      ],
      caption: "Completed Transactions",
      rowTotal: -1,
      rowNum: 1000,
      rowList: [10,20,30],
      pager: '#pager',
      onSelectRow: function(row_id) {
      },
      jsonReader: {
          repeatitems: false,
          id: "ID",
          userdata: 'rows'
      },
      viewrecords: true,
      gridComplete: function() {
      //Attach action event handlers
      $('span[name="details"]').click(function() {
      var row_id = this.id;
      var data = $("#transactionList").getGridParam('userData');
      var rowData;

      $.each(data, function(index,el){
        if(el.ID==row_id)
            rowData = el;
        });

      var message = '<div class="sectionItem"><span class="label">Asset Name:&nbsp;&nbsp;</span><span class="value">'+rowData.assname+rowData.assname2+'</span></div>';
      message += '<div class="sectionItem"><span class="label">Amount:&nbsp;&nbsp;</span><span class="value">'+rowData.net_proc+'</span></div>';
      message += '<div class="sectionItem"><span class="label">Transaction Date:&nbsp;&nbsp;</span><span class="value">'+rowData.tran_date+'</span></div>';
      $.popMessage('Transactions Details', message);
      }).addToolTip('Details');
    }
})
    $("#transactionList").setGridParam({datatype: 'json'}).trigger("reloadGrid");
;

从您发布的代码中尚不清楚问题的确切根源。你用sortname: 'tran_date', sortorder: 'desc'在发布的代码中，但是colModel没有包含名称的列'tran_date'.

一般来说，了解服务器代码很重要url: "/cc/transaction/show/"+accountId必须返回sorted数据。选项sortname: 'tran_date', sortorder: 'desc'将用于构建以下值sidx and sord将发送到服务器的参数。所以服务器必须返回按顺序排序的数据sidx unsing sord命令。我想您当前的服务器代码不会执行此操作。

UPDATE： 服务器should返回排序后的数据。如果它是really不可能，您必须在第一次加载后直接重新获取数据。为此，您可以在内部进行测试loadComplete回调是否正在加载数据在第一时间。第一次加载的值datatype是原始值"json" or "xml"取决于从服务器返回的数据的格式。之后datatype将更改为"local"。所以如果值datatype选项不是"local"你可以触发"reloadGrid"。相应的代码如下所示

$("#transactionList").jqGrid({
    url: "/cc/transaction/show/" + accountId,
    datatype: "json",
    rowNum: 1, // initial small value
    loadonce: true,
    loadComplete: function () {
        var $this = $(this);
        if ($this.jqGrid("getGridParam", "datatype") !== "local") {
            setTimeout(function () {
                $this.jqGrid("setGridParam", { rowNum: 20 }); // the real value
                $this.trigger("reloadGrid");
            }, 50);
        }
    },
    ... // other options which you need
});