StateBar
행들의 상태를 표시하는 상태바와 관련된 설정 모델
GridBase.setStateBar() 사용시 필요한 정보만 입력하면 된다.
Signature:
export interface StateBar
Example
gridView.setStateBar({errorVisible: true});
Properties
Property | Type | Description |
---|---|---|
cellStyleCallback | RowBarCellStyleCallback | 셀의 스타일을 지정하기 위한 콜백 |
displayOrder | number | 체크바, 상태바, 인디케이터 중에서 보여지는 순서 (인덱스) |
errorVisible | boolean | 오류가 발생 했을 때 상태바에 오류에 해당하는 스타일을 적용할 것인지의 여부 |
footText | string | foot 영역에 표시할 텍스트 |
headText | string | head 영역에 표시할 텍스트 |
mark | StateMark | 상태바에 표시되는 상태의 형태 |
popupMenu | PopupMenuItem[] | string | 팝업 메뉴 |
showFocus | boolean | focus 된 행에 해당하는 셀의 스타일 적용여부 여부 |
showSelection | boolean | 데이터 선택 영역에 맞춰 관련된 셀들의 스타일 적용 여부 |
stateTexts | StateTexts | 상태 바에 표시될 상태 텍스트들 |
sumText | string | summary 영역에 표시할 텍스트 |
visible | boolean | 표시 여부 |
width | number | 너비 |
Properties Desc
cellStyleCallback
셀의 스타일을 지정하기 위한 콜백
Type
- RowBarCellStyleCallback
displayOrder
체크바, 상태바, 인디케이터 중에서 보여지는 순서 (인덱스)
Type
- number
Remarks:
숫자가 작을 수록 왼쪽에 배치된다.
errorVisible
오류가 발생 했을 때 상태바에 오류에 해당하는 스타일을 적용할 것인지의 여부
Type
- boolean
footText
foot 영역에 표시할 텍스트
Type
- string
headText
head 영역에 표시할 텍스트
Type
- string
mark
상태바에 표시되는 상태의 형태
Type
- StateMark
popupMenu
팝업 메뉴
Type
- PopupMenuItem[] | string
showFocus
focus 된 행에 해당하는 셀의 스타일 적용여부 여부
Type
- boolean
Remarks:
true
면 focus 된 행에 해당하는 셀을 'rg-statebar-focus'
스타일로 표시한다.
showSelection
데이터 선택 영역에 맞춰 관련된 셀들의 스타일 적용 여부
Type
- boolean
Remarks:
true
면 데이터 선택 영역에 맞춰 관련된 셀들을 'rg-statebar-select'
스타일로 표시한다.
stateTexts
상태 바에 표시될 상태 텍스트들
Type
- StateTexts
Remarks:
[기본값들 (RowState 참고)]
'C'
: stateTexts[RowState.CREATED] 'U'
: stateTexts[RowState.UPDATED] 'D'
: stateTexts[RowState.DELETED] 'X'
: stateTexts[RowState.CREATE_AND_DELETED]
Example:
gridView.setStateBar({
stateTexts :{
"created": "신규",
"updated": "수정",
"deleted": "삭제",
"createAndDeleted": "삭제"
}
})
sumText
summary 영역에 표시할 텍스트
Type
- string
visible
표시 여부
Type
- boolean
width
너비
Type
- number