GridRow 클래스의 주요 기능은 아래와 같습니다.
1. Grid의 Row에서 이벤트가 발생했을 때 이를 인식하여 이벤트에 따른 처리를 행합니다.
- mousedown 이벤트
2. key navigation을 제공합니다.
- 아래 방향키: 한 줄 아래의 row를 선택 상태로 설정합니다.
- 위 방향키: 한 줄 위의 row를 선택 상태로 설정합니다.
- Home 키: 첫 번째 row를 선택 상태로 설정합니다.
- End 키: 마지막 row를 선택 상태로 설정합니다.
- Ctrl 키, Shift 키:
- window에서 제공하는 선택 인터페이스와 같습니다.
- mousedown 또는 방향키를 함께 사용할 수 있습니다.
3. GridRow 클래스는 단독으로 사용하지 않고 mc.grid.Grid 클래스에서 사용됩니다.
| Options | Component |
|---|---|
| autoTopBottom {Boolean} | grid.GridRow |
자동으로 top/Bottom으로 이동
true:
Grid 첫 row에서 위 방향 키를 누르면 Grid의 마지막 row로 이동합니다.
Grid 마지막 row에서 아래 방향 키를 누르면 Grid의 첫 row로 이동합니다.
false: 이동하지 않고 현재 위치를 유지합니다.
|
|
| ccode {String} | grid.GridRow |
|
component code : 'gridrow'
|
|
| listOverClass {String} | grid.GridRow |
|
grid에서 mouseover/mouseout 이벤트가 발생했을 때 설정하는 className.
default: 'mc-grid-dt-over'
linePaint에 true를 설정한 경우에만 작동합니다.
|
|
| nextCtrlClass {String} | grid.GridRow |
|
다음 Row에 적용할 className. default: 'mc-grid-nextctrl'
Control key를 누른 상태에서 Down key 또는 up Key를 눌렀을 때
Control key + (Down Key / Up key)가 발생했을 때 이동할 Row에 className이 설정됩니다.
|
|
| rowSelectClass {String} | grid.GridRow |
|
row를 마우스로 click했을 때 적용할 className. default: 'mc-grid-rowselect'
마우스로 row를 clcik하면 선택 상태로 표시되며 이를 다시 click할 때까지 선택한 형태로 유지됩니다.
다른 row를 click하면 자동으로 현재 선택된 row가 해제 됩니다.
이때 Control key를 누른 상태에서 마우스를 click하면 선택되어 있는 row도 유지되면서
선택한 row도 선택 형태가 됩니다.
이를 해제하려면 Ctrl key와 같이 마우스를 click하면 됩니다.
|
|
| Method | Component |
|---|---|
mc.grid.GridRow
(Hash)
|
grid.GridRow |
|
생성자
|
|
mainGridRow
()
|
grid.GridRow |
|
option 설정, HTMLElement생성, Event를 설정합니다.
|
|
getChildNodes
() : Array
|
grid.GridRow |
|
detail <body> 엘리먼트의 child인 <tr> NodeList를 반환합니다.
|
|
| Custom Event | Component |
|---|---|
|
|
|