Column 렌더링 활용 먼저 렌더링을 살펴보세요. 코드는 다음과 같습니다. 코드 복사코드는 다음과 같습니다. 🎜> <br>.x-grid-cell.user-online <br>{ <br>배경색: #9fc; <br>} <br>.x-grid-cell.user-offline <br>{ <br>배경색: <br>} <br> <br>Ext.onReady(function () { <br>Ext.widget('grid', { <br>title: ' 사용자', <br> 저장소: { <br>필드: ['이름', '이메일', '온라인'], <br>데이터: [ <br>{ '이름': '王junwei', '이메일' : 'wangjunwei1@163.com', 'online': true }, <br>{ 'name': '王junwei1', 'email': 'wangjunwei2@163.com', 'online': false }, <br>{ '이름': '왕준웨이2', '이메일': 'wangjunwei3@163.com', '온라인': false }, <br>{ '이름': '왕준웨이3', '이메일': 'wangjunwei4@ 163.com', 'online': true } <br>] <br>}, <br>columns: [ <br>{ <br>header: 'Name', <br>dataIndex: 'name', <br>렌더러: 함수(값, 메타, 레코드) { <br>meta.tdCls = Record.get("online") ? 'user-online' : 'user-offline' <br>반환 값; <br>}, <br>{ 헤더: '이메일', dataIndex: '이메일', flex: 1 }, <br>{ 헤더: '온라인', dataIndex: '온라인' } <br>], <br> width: 400, <br> renderTo: Ext.getBody() <br>}) <br> 본문>
웹 프론트엔드
JS 튜토리얼
ExtJS4 그리드는 셀 배경색을 변경하고 열 렌더링 learning_extjs
