jqGrid和jqPivot：在旋轉列名中保留空格？

Question

我正在使用jqGrid和jqPivot API。

我遇到的問題是，jqPivot從旋轉列名稱中刪除空格。有什麼方法可以改變這種行爲嗎？

例如。

var mydata = [ 
    {id: "1", emp:"Michelle", product:"A A", sold:"8"}, 
    {id: "2", emp:"Tania", product:"A A", sold:"3"}, 
    {id: "6", emp:"Mark", product:"A B", sold:"1"}, 
    {id: "3", emp:"Tommy", product:"A B", sold:"5"}, 
    {id: "4", emp:"Dave", product:"B B", sold:"2"}, 
    {id: "5", emp:"Carol", product:"B B", sold:"5"}, 
]; 

var grid = $("#grid"); 

grid.jqGrid('jqPivot', 
    mydata, { 
     xDimension: [{ 
      dataName: 'id', 
      label: 'ID', 
      width: 90 
     }, { 
      dataName: 'emp', 
      label: 'Employee', 
      width: 90 
     }, ], 
     yDimension: [{ 
      dataName: 'product' 
     }], 
     aggregates: [{ 
      member: 'sold', 
      aggregator: 'sum', 
      width: 50, 
      label: 'Sold' 
     }, ], 
     colTotals: true 

    }, { 
     width: "100%", 
     height: "100%", 
     pager: "#pager", 
     caption: "Daily Sales" 
    }); 

http://jsfiddle.net/aUDHx/968/

相反 「A A」 和 「A B」 等的它顯示的列作爲 「AA」 和 「AB」。

Answer 1

我同意這是一個問題。原因是jqPivot代碼的the line。作爲一個快速和骯髒的解決方法，我可以建議您使用converter，將空間替換爲_， （ ）或 等其他字符。

yDimension: [{ 
    dataName: 'product', 
    converter: function (val) {return val.replace(/\s/g, ' ');} 
}], 

查看修改的演示http://jsfiddle.net/OlegKi/aUDHx/970/。