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/。