SMART datagrid v1.4 > Examples
RowIndicator.stateVisible을 true로 지정하면, RowIndicator의 각 셀 우측에 데이터행의 상태를 표시하는 상태셀을 추가로 표시할 수 있다.
상태셀은 기본적으로 상태별 스타일셋에 지정된 배경색등의 스타일로 표시된다. 행을 추가/수정/삭제하고 아래 상태별 색상을 변경해 본다. 색상 지정 방법은 Color 개요 페이지를 참조한다.
상태셀의 기본 스타일셋은 stateStyles로 지정하고, 상태 별 스타일은 각각 RowIndicator.createdStyles, updatedStyles, deletedStyles로 추가 지정할 수 있다.
grdMain.setRowIndicator({
createdStyles: { background: "#f00" },
updatedStyles: { background: "#00f" },
deletedStyles: { background: "#333" }
});
셀 배경색을 다르게 표시하는 기본적인 방법 외에 GridStyles.shapeName를 지정해서 상태별 도형을 표시할 수 있다. 또, iconIndex와 RowIndicator.stateImageList를 지정해서 상태별 이미지 아이콘을 표시할 수도 있다.
아이콘을 지정하기 위해서는 stateImageList에 지정할 ImageList가 그리드에 먼저 등록돼야 한다. 또, iconIndex가 지정되면 shapeName은 무시된다.
// shapes
grdMain.setRowIndicator({
stateStyles: { background: "#f8f8f8" },
createdStyles: { shapeName: "plus", shapeColor: "#f00" },
updatedStyles: { shapeName: "circle", shapeColor: "#00f", shapeSize: "70%" },
deletedStyles: { shapeName: "minus", shapeColor: "#333" }
});
// icons
grdMain.setRowIndicator({
stateImageList: "stateIcons",
createdStyles: { iconIndex: '0' },
updatedStyles: { iconIndex: '1' },
deletedStyles: { iconIndex: '2' }
});
경우에 따라 상태를 표시하는 텍스트가 아이콘이나 shape보다 더 명확할 수 있다. RowIndicator.createdLabel, updatedLabel, deletedLabel을 각각 지정하면, 아이콘이나 shape설정은 무시되고 이 상태 label들이 대신 표시된다.
grdMain2.setRowIndicator({
createdLabel: "C",
updatedLabel: "U",
deletedLabel: "D"
});