피벗 데이터 디테일
피벗 데이터의 특정 셀을 그리드에 디테일한 데이터가 출력되 도록 구현한 예제입니다.
본 데모는 그리드와 피벗이 조회용으로 구현되어 있으므로 편집 및 속성 변경은 불가능합니다.
피벗 더블클릭 이벤트에서 그리드의 필터 기능을 동적으로 적용시킵니다.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
pivot.onDblClick = function (pivot, type, index) {
var colNames = gridView.getColumnNames()
for(var j = 0; j < colNames.length; j++){
gridView.clearColumnFilters(colNames[j])
}
//rowLabel 값 필터링
for(var i = 0; i < Object.keys(index.rows).length; i++){
if(Object.keys(index.rows)[i] !== "__sum"){
var filters = [{
name: Object.keys(index.rows)[i],
criteria: "value = '" + index.rows[Object.keys(index.rows)[i]] + "'",
active:true
}];
gridView.setColumnFilters(Object.keys(index.rows)[i], filters);
}else{
}
}
}