1. Home
  2. jQuery를 EasyUI 데이터 그리드 - 형식 열

최고의 jQuery를 EasyUI 데이터 그리드 - 형식 열 튜토리얼 2024년, 이 튜토리얼에서는 jQuery를 EasyUI 예제를 다운로드,를 배울 수 있습니다.

jQuery를 EasyUI 데이터 그리드 - 형식 열

다음 예는 내부 easyui DataGrid의 열 데이터 포맷, 그리고 가격이 20 미만 텍스트가 빨간색으로 바뀝니다 경우, 사용자 정의 열 포맷을 사용한다.

데이터 그리드 (DataGrid에) 열을 포맷하려면, 우리는 기능입니다 포맷터 속성을 설정해야합니다. 서식 기능은 세 가지 매개 변수를 포함합니다 :

  • 값 : 현재 열에서 해당 필드의 값입니다.
  • 행 : 현재 행의 데이터가 기록된다.
  • 인덱스 : 현재 행 인덱스입니다.

만들기 데이터 그리드 (DataGrid에) 

	<표 아이디 = "TT"제목 = "포맷 열"클래스 = "easyui - 데이터 그리드"스타일 = "너비 : 550 픽셀, 높이 250 픽셀"
			URL = "데이터 / datagrid_data.json"
			singleSelect = "true"를 iconCls = "아이콘 절약">
		<THEAD>
			<TR>
				<목 필드 = 너비 = "80", "항목 ID"> 항목 ID </ 일>
				<목 필드 = "제품 ID"너비 = "80"> 제품 ID </ 일>
				<목 필드 = "LISTPRICE"너비 = "80"= "오른쪽"포맷 = "formatPrice"를 정렬> 리스팅 가격 </ 일>
				단위 비용 <목 필드 = "unitcost"너비 = "80"= "권리"정렬> </ 번째>
				<목 필드 = "ATTR1"너비 = "100"> 속성 </ 일>
				Stauts </ 일> <목 필드 = "상태"너비 = "60"= "센터"정렬>
			</ TR>
		</ THEAD>
	</ 테이블>

있다는 점 유의 하시길 바랍니다 'LISTPRICE'필드 서식 기능을 나타내는 '포맷'속성을 가지고 있습니다.

서식 기능을 쓰기 

	기능 formatPrice (발 행) {
		경우 (발 <20) {
			복귀 '<스팬 스타일 = "색상 : 빨강;"> ('+ 발 + ') </ SPAN>';
		} 그밖에 {
			발을 반환;
		}
	}

jQuery를 EasyUI 예제를 다운로드

jeasyui-datagrid-datagrid7.zip

핫 튜토리얼

Contact US

jQuery를 EasyUI 데이터 그리드 - 형식 열
10/30