그리드 테마(Skin)
그리드에 미리 설정한 스타일 속성값으로 원하는 그리드 테마를 동적으로 적용할 수 있습니다.
테마 선택:
1
2
var skins = $('#selGridTheme').val();
gridView.setStyles(eval(skins));
basicBlueSkin.js
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
31
32
33
var basicBlueSkin = {
"grid":{
"foreground":"#ff000000",
"iconOffset":"0",
"paddingRight":"2",
"paddingTop":"2",
"background":"#ffffffff",
"paddingBottom":"2",
"iconPadding":"0",
"fontFamily":"돋움",
"border":"#ff84a3c0,1",
"selectedBackground":"#ff696969",
"contentFit":"auto",
"inactiveBackground":"#ffd3d3d3",
"line":"#ffa6b9ca,1",
"selectionDisplay":"mask",
"selectedForeground":"#ffffffff",
"textAlignment":"near",
"hoveredMaskBackground":"#1f5292f7",
"iconIndex":"0",
"hoveredMaskBorder":"#335292f7,1",
"figureBackground":"#ff6f9ac5",
"borderBottom":"#ffc9d5e0,1",
"iconLocation":"left",
"inactiveForeground":"#ff808080",
"iconAlignment":"center",
"lineAlignment":"center"
},
"panel":{
...
},
...
}