StateBar
행들의 상태를 표시하는 상태바와 관련된 설정 모델
GridBase.setStateBar() 사용시 필요한 정보만 입력하면 된다.
Signature:
export interface StateBar
Example
gridView.setStateBar({errorVisible: true});
Properties
Property | Modifiers | 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
셀의 스타일을 지정하기 위한 콜백
displayOrder
체크바, 상태바, 인디케이터 중에서 보여지는 순서 (인덱스)
Remarks:
숫자가 작을 수록 왼쪽에 배치된다.
errorVisible
오류가 발생 했을 때 상태바에 오류에 해당하는 스타일을 적용할 것인지의 여부
footText
foot 영역에 표시할 텍스트
headText
head 영역에 표시할 텍스트
mark
상태바에 표시되는 상태의 형태
popupMenu
팝업 메뉴
showFocus
focus 된 행에 해당하는 셀의 스타일 적용여부 여부
Remarks:
true
면 focus 된 행에 해당하는 셀을 'rg-statebar-focus'
스타일로 표시한다.
showSelection
데이터 선택 영역에 맞춰 관련된 셀들의 스타일 적용 여부
Remarks:
true
면 데이터 선택 영역에 맞춰 관련된 셀들을 'rg-statebar-select'
스타일로 표시한다.
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 영역에 표시할 텍스트
visible
표시 여부
width
너비