2014-11-06 2 views
1

과 함께 jqGrid를 사용하고 있습니다.jqGrid 및 jqPivot : 피벗 된 열 이름에 공백을 유지 하시겠습니까?

문제는 jqPivot이 피벗 된 열 이름에서 공백을 제거한다는 것입니다. 이 동작을 변경할 수있는 방법이 있습니까?

예 :

는 "AA"및 "AB"로 열을 표시하는 대신에 "A A"및 "A B"등의
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/

.

답변

1

나는 그것이 문제라는 데 동의합니다. 그 이유는 jqPivot 코드가 the line입니다. 신속하고 더러운 해결 방법으로 converter을 사용하여 _,   ( ) 또는  과 같은 다른 문자를 공백으로 바꿀 것을 제안 할 수 있습니다.

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

변형 된 데모 http://jsfiddle.net/OlegKi/aUDHx/970/을 참조하십시오.

+0

감사합니다. 변환기를 사용해 보았지만 코드를 작성하는 방법을 잘 모르겠습니다. 귀하의 솔루션은 완벽하게 작동합니다. – ilitirit

+0

@ilitirit : 환영합니다! – Oleg