jQuery를 EasyUI 데이터 그리드 - 환경 설정 행의 배경색
이 튜토리얼에서는 조건의 숫자에 따라 선 스타일 데이터 그리드 (DataGrid를) 어셈블리를 변경하는 방법을 보여줍니다. LISTPRICE 값이 50보다 큰 경우, 우리는 행마다 다른 색을 설정할 것이다.
rowStyler 기능의 데이터 그리드 (데이터 그리드)을위한 설계를 사용하면 선 스타일을 사용자 정의 할 수 있도록하는 것입니다. 다음 코드는 선 스타일을 변경하는 방법을 보여줍니다 :
<표 아이디 = "TT"제목 = "데이터 그리드"스타일 = "너비 : 600PX, 높이 : 250 픽셀" URL = "데이터 / datagrid_data.json" singleSelect = "true"를 fitColumns = "진정한"> <THEAD> <TR> <목 필드 = 너비 = "80", "항목 ID"> 항목 ID </ 일> <목 필드 = "제품 ID"너비 = "80"> 제품 ID </ 일> <목 필드 = "LISTPRICE"너비 = "80"= "권리"정렬> 리스팅 가격 </ 일> 단위 비용 <목 필드 = "unitcost"너비 = "80"= "권리"정렬> </ 번째> <목 필드 = "ATTR1"너비 = "150"> 속성 </ 일> Stauts </ 일> <목 필드 = "상태"너비 = "60"= "센터"정렬> </ TR> </ THEAD> </ 테이블>
$ ( '# 고작').에서 Datagrid ({ rowStyler : 기능 (인덱스, 행) { 경우 (row.listprice> 50) { 복귀 '배경 색상 : 핑크, 색상 : 블루; 글꼴 - 무게 : 굵게;'; } } });
당신이 볼 수 있듯이, 우리는 핑크 (분홍색)에 대한 몇 가지 조건에 따라, 배경 색상 (배경 색상)을 설정 블루 (파란색)에 텍스트 색상을 설정합니다.