SelectOptions의 속성중 style을 block
로 지정하면 선택 영역을 블럭으로 지정할 수 있습니다.
1
2
3
gridView.setSelectOptions({
style: 'block'
});
SelectOptions의 속성중 style을 rows
로 지정하면 선택 영역을 여러 행으로 지정할 수 있습니다.
1
2
3
gridView.setSelectOptions({
style: 'rows'
});
SelectOptions의 속성중 style을 columns
로 지정하면 선택 영역을 여러 컬럼으로 지정할 수 있습니다.
1
2
3
gridView.setSelectOptions({
style: 'columns'
});
SelectOptions의 속성중 style을 singleRow
로 지정하면 선택 영역을 하나의 행만 지정할 수 있습니다.
1
2
3
gridView.setSelectOptions({
style: 'singleRow'
});
SelectOptions의 속성중 style을 singleColumn
로 지정하면 선택 영역을 하나의 컬럼만 지정할 수 있습니다.
1
2
3
gridView.setSelectOptions({
style: 'singleColumn'
});
SelectOptions의 속성중 style을 none
로 지정하면 선택 영역을 아무것도 지정할 수 없게 할 수 있습니다.
1
2
3
gridView.setSelectOptions({
style: 'none'
});
(Only JS Support)
DisplayOptions.rowFocusVisible 을 True로 설정하여 선택된 셀의 행을 표시할 수 있습니다. 위에 설명된 선택 스타일들과 중첩으로 사용 가능하며 반드시 rowFocusBackground 속성에 색상값을 지정해야 합니다.
rowFocusVisible
1
2
3
4
gridView.setDisplayOptions({
rowFocusVisible:true,
rowFocusBackground:"#340000ff"
});
(Only JS Support)
현재 마우스가 위치한 지점의 hoverMask속성에 따른 영역의 배경색상을 표시할 수 있습니다.
1
2
3
4
5
6
7
8
9
10
var hoverMaskValue = $('#selHoverMask').val();
gridView.setDisplayOptions({
rowHoverMask:{
visible:true,
styles:{
background:"#2065686b"
},
hoverMask: hoverMaskValue
}
});
버튼 클릭 시 선택된 영역의 합계가 alert창에 표시됩니다.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
var selInfo = grid.getSelection();
var calcColumn = ["Quantity", "UnitPrice"];
console.log("Selection: ", JSON.stringify(selInfo));
if (!selInfo) {
return;
};
var datas = grid.getSelectionData();
var totCnt = 0;
var cnt = 0;
var sum = 0;
for (var i = 0 ; i < datas.length; i++) {
var keys = Object.keys(datas[i]);
for (var j = 0; j < keys.length; j++) {
totCnt++;
if (calcColumn.indexOf(keys[j]) > -1) {
sum += datas[i][keys[j]];
cnt++;
}
}
};
var avg = sum / cnt;
console.log("Total Cell Count: " + totCnt.toLocaleString());
console.log("Avg: " + (isNaN(avg) ? 0 : avg).toLocaleString());
console.log("Count: " + cnt.toLocaleString());
console.log("Sum: " + sum.toLocaleString());
alert("Sum: " + sum.toLocaleString());