RowStyleObject
RowStyleCallback 으로 행의 스타일을 변경시 반환되는 스타일 모델
Signature:
export interface RowStyleObject
Remarks
GridBase.setRowStyleCallback()에서 사용된다.
Example
cosnt f = function(grid, item fixed) {
if (dataProvider.getValue(item.dataRow, "fieldName") === "value") {
return {
editable: false,
styleName: "userStyleName"
}
}
}
gridView.setRowStyleCallback(f);
Properties
Property | Type | Description |
---|---|---|
editable | boolean | 행전체의 editable 여부 |
exportStyleName | string | excel로 export할때 적용되는 스타일 명 |
readOnly | boolean | 행전체의 readOnly여부 |
style | Partial<CSSStyleDeclaration> | 행의 tr element에 적용되는 inline style |
styleName | string | 행의 className |
Properties Desc
editable
행전체의 editable 여부
Type
- boolean
Remarks:
지정하지않으면 다음 순위의 editable이 적용된다.
exportStyleName
excel로 export할때 적용되는 스타일 명
Type
- string
readOnly
행전체의 readOnly여부
Type
- boolean
Remarks:
지정하지않으면 다음 순위의 editable이 적용된다.
style
행의 tr element에 적용되는 inline style
Type
- Partial<CSSStyleDeclaration>
Remarks:
tr의 style에 직접 적용되는 속성들을 지정한다.
Example:
const f = function(grid, item, fixed) {
var ret = { style: {background:undefined, color: undefined}}
if (dataProvider.getValue(item.dataRow, "fieldName") === "A") {
ret.style.background = "red";
} else if (dataProvider.getValue(item.dataRow, "fieldName") === "B") {
ret.style.color = "red";
} else if (dataProvider.getValue(item.dataRow, "fieldName") === "C") {
ret.style.background = "lightblue"
ret.style.color = "red";
};
return ret;
}
styleName
행의 className
Type
- string
Remarks:
지정하지 않으면 그리드의 기본 스타일명이 사용된다.