的jqGrid - 使用formatDisplayField選項

Question

我有一個問題，我使用的jqGrid一些選項，更好的寫的是顯示您的圖片：

所以，當我建表體（具有AJAX調用）我正在通過一個隱藏的領域。當某些東西被分組時，我想顯示隱藏字段'未定義'的字（組標題）。

有沒有使用formatDisplayField的解決方案？

我所擁有的是一樣的東西：

groupingView : { 
        groupField : ['cpv'], 
        groupCollapse : true, 
        groupOrder: ['desc'], 
        plusicon: 'ui-icon-circle-plus', 
        minusicon: 'ui-icon-circle-minus', 
        formatDisplayField: [ 
        function (value) { // Should be cpv_parent (hidden by default but sent to jggrid when instantiate) 
console.log(value); // Contain CPV Grouped 
console.log($(this)); // Contain [table#ajaxTable.ajaxTable.ui-jqgrid-btable, context: table#ajaxTable.ajaxTable.ui-jqgrid-btable, constructor: function, init: function, selector: "", jquery: "1.7.2"…] 
         //return String(displayValue).substring(0, 5); 
        } 
        ], 
        isInTheSameGroup: function (x, y) { 
         return String(x).substring(0, 5) === String(y).substring(0, 5); 
        } 
       } 

編輯 根據需要，繼承人的樣本數據形成我使用的是什麼（從最後一次嘗試（使用用戶數據））：

{"total":1,"page":1,"totalrecords":3,"userdata":{"98513295":"98000000-3"},"rows":[{"tipoConcurso":"Ajuste Directo (Regime Geral)","createdOn":"2014-04-23 16:19:56","valor":15000,"cpv":98513295,"cpvParent":"98000000-3"},{"tipoConcurso":"Ajuste Directo (Regime Geral)","createdOn":"2013-10-01 16:05:08","valor":15000,"cpv":98513295,"cpvParent":"98000000-3"},{"tipoConcurso":"Ajuste Directo (Regime Geral)","createdOn":"2013-09-03 17:34:39","valor":15000,"cpv":98513295,"cpvParent":"98000000-3"}]} 

謝謝@Oleg :)

謝謝大家提前:)

Regards， Marcelo

Answer 1

由於只顯示一些抽象數字，這有點難以理解您的問題。我很瞭解你。您可以通過cpv提交分組，但您需要顯示另一個字段cpvParent，這可以根據cpv值獲得。一個只需要有一個從cpv得到cpvParent的地圖。我不建議添加任何更昂貴的隱藏列。

所以我建議你更改數據

{ 
    "total": 1, 
    "page": 1, 
    "totalrecords": 3, 
    "rows": [ 
     { 
      "tipoConcurso": "Ajuste Directo (Regime Geral)", 
      "createdOn": "2014-04-23 16:19:56", 
      "valor": 15000, 
      "cpv": 98513295, 
      "cpvParent": "98000000-3" 
     }, 
     { 
      "tipoConcurso": "Ajuste Directo (Regime Geral)", 
      "createdOn": "2013-10-01 16:05:08", 
      "valor": 15000, 
      "cpv": 98513295, 
      "cpvParent": "98000000-3" 
     }, 
     { 
      "tipoConcurso": "Ajuste Directo (Regime Geral)", 
      "createdOn": "2013-09-03 17:34:39", 
      "valor": 15000, 
      "cpv": 98513295, 
      "cpvParent": "98000000-3" 
     } 
    ] 
} 

以下幾點：

{ 
    "total": 1, 
    "page": 1, 
    "totalrecords": 3, 
    "userdata": { 
     "98513295": "98000000-3", 
     "97123456": "97000000-2" 
    } 
    "rows": [ 
     { 
      "tipoConcurso": "Ajuste Directo (Regime Geral)", 
      "createdOn": "2014-04-23 16:19:56", 
      "valor": 15000, 
      "cpv": 97123456, 
      "cpvParent": "98000000-3" 
     }, 
     { 
      "tipoConcurso": "Ajuste Directo (Regime Geral)", 
      "createdOn": "2013-10-01 16:05:08", 
      "valor": 15000, 
      "cpv": 98513295 
     }, 
     { 
      "tipoConcurso": "Ajuste Directo (Regime Geral)", 
      "createdOn": "2013-09-03 17:34:39", 
      "valor": 15000, 
      "cpv": 98513295 
     } 
    ] 
} 

裏面formatDisplayField回調，你可以得到userData參數（參數的名稱爲userData，但JSON在其他情況下數據必須有userdata）。現在userData[value]將讓你"98000000-3"的關鍵"98513295"：

groupingView: { 
    groupField: ["cpv"], 
    ... 
    formatDisplayField: [ 
     function (value) { 
      var userData = $(this).jqGrid("getGridParam", "userData"); 
      return userData[value]; 
     } 
    ] 
} 

這樣的方式將迅速工作，你只需要準備在服務器端在上述格式的數據。