1. Home
  2. jQuery를 EasyUI 데이터 그리드는 - 동적으로 열을 변경

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

jQuery를 EasyUI 데이터 그리드는 - 동적으로 열을 변경

데이터 그리드 (DataGrid에) 열은 단순히 정의 된 '열'속성을 사용할 수 있습니다. 경우에 당신은 아무 문제가 없음을 동적으로 열을 변경하고 싶습니다. 열을 변경하려면 새로운 속성 열을 전달, 데이터 그리드 방법을 불러올 수 있습니다.

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

	<표 아이디 = "TT"제목 = "냉동 열"클래스 = "easyui - 데이터 그리드"스타일 = "너비 : 550 픽셀, 높이 250 픽셀"
			URL = "데이터 / datagrid_data.json"
			singleSelect = "true"를 iconCls = "아이콘 절약">
	</ 테이블>

	$ ( '# 고작').에서 Datagrid ({
		열 : [[
			{필드 : 80 : 폭 '항목 ID', 제목 '항목 ID'}
			{필드 '제품 ID', 제목 : '제품 ID', 폭 : 80},
			{필드 'ATTR1'제목 : '속성', 폭 : 200}
			{필드 '상태'제목 : '상태', 폭 : 80}
		]]
	});

페이지를 실행하면 볼 수 있습니다 :

그러나 때때로 당신은 당신이 몇 가지 코드를 작성해야하므로, 열을 변경하려면 : 

	$ ( '# 고작').에서 Datagrid ({
		열 : [[
			{필드 : 80 : 폭 '항목 ID', 제목 '항목 ID'}
			{필드 '제품 ID', 제목 : '제품 ID', 폭 : 80},
			{필드 'LISTPRICE'제목 : '정가', 폭 : 80, 정렬 '권리'}
			{필드 'unitcost'제목 : '단위 비용', 폭 : 80, 정렬 '권리'}
			{필드 'ATTR1'제목 : '속성', 폭 : 100},
			{필드 '상태'제목 : '상태', 폭 : 60}
		]]
	});

그래서 URL, 폭, 높이 : 우리는 같은 다른 속성을 정의, 기억하십시오. 다시 한번, 우리는 그들을 정의 할 필요가 없습니다, 우리는 우리가 바꿀 필요가있는 사람을 정의합니다.

jQuery를 EasyUI 예제를 다운로드

jeasyui-datagrid-datagrid6.zip

핫 튜토리얼

Contact US

jQuery를 EasyUI 데이터 그리드는 - 동적으로 열을 변경
10/30