ExtReact 그리드의 행 데이터를 기준으로 행 배경을 변경하려고하는데 문서에서 옵션을 찾을 수 없습니다.Sencha ExtReact에서 그리드의 행 데이터를 기반으로 행 배경색을 변경하는 방법은 무엇입니까?
답변
나는 Ext.grid.feature.RowBody을 찾고 있다고 생각합니다. getAdditionalData
메서드를 재정의하고 rowBodyCls
이 포함 된 개체를 반환해야합니다.
Ext.create('Ext.grid.Panel', {
...
features: [{
ftype: 'rowbody',
getAdditionalData: function (data, idx, record, orig) {
// Use the data/record to determine which class to apply, then
// style the row body in CSS.
return {
rowBodyCls: "my-body-class"
};
}
}],
...
감사합니다. Joe Holloway. 이 솔루션은 Extjs에 대해 작동하지만 ExtReact에 대해 동일하게 보았습니다 –
Doh, 나는 그것이 같을 것이라고 생각했습니다. 누군가가 ExtJS 솔루션을 찾고있는 경우에 대비하여 이것을 남겨 둘 것입니다. 나는 ExtReact 문서를 둘러 보았고 여기에 제시된 것과 비슷한 문서화되지 않은 것들이있는 것 같았지만 정확하게 풀 수있는 방법을 찾아 낼 수 없었다. –
도움 주셔서 감사합니다. –
사용'grid.addRowCls (rowIndex에 '빨간색');' – UDID
사용이 https://stackoverflow.com/questions/17461363/extjs-grid-add-class-to-row-when-click -a-cell-of-row – UDID
응답 해 주셔서 감사합니다. 그러나이 솔루션을 사용할 수 없습니다. 렌더링 후 행 배경을 변경하고 싶지는 않지만 행을 렌더링하는 동안 CSS 클래스 나 배경 스타일을 설정하고 싶습니다. 실제로 레코드에는 네 가지 상태가 있으며 상태에 따라 해당 행을 색칠하고자합니다. : {데이터 } 의 근거 (기록, 인덱스, rowParams) { // 설정 CSS 기능을 getRowClass을}하지만이 같은 것을 찾을 수는 ExtJS 4에서, 우리는 viewConfig 사용하여 작업을 수행 할 수 있습니다 ExtReact 6.5.1 또는 Extjs 6.5.1 –