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