jQuery를 EasyUI 데이터 그리드 - 행 데이터를 선택하세요
이 예에서는 선택된 행의 데이터를 얻을하는 방법을 보여줍니다.
데이터 그리드 (DataGrid를) 구성 요소는 데이터의 선택된 행을 검색하는 두 가지 방법이 포함되어 있습니다
- 통해 getSelected : 라인을 선택하지 않은 경우 데이터의 첫 번째 행은 그렇지 않은 경우는 레코드를 반환, 그것은 null를 돌려, 선택하세요.
- getSelections은 : 데이터를 선택한 모든 행이 데이터 요소 레코드의 배열을 반환 얻는다.
만들기 데이터 그리드 (DataGrid에)
<표 아이디 = "TT"클래스 = "easyui - 데이터 그리드"스타일 = "너비 : 600PX, 높이 : 250 픽셀" URL = "데이터 / datagrid_data.json" 제목 = "데이터로드"iconCls = "아이콘 절약"> <THEAD> <TR> <목 필드 = 너비 = "80", "항목 ID"> 항목 ID </ 일> <목 필드 = "제품 ID"너비 = "80"> 제품 ID </ 일> <목 필드 = "LISTPRICE"너비 = "80"= "권리"정렬> 리스팅 가격 </ 일> 단위 비용 <목 필드 = "unitcost"너비 = "80"= "권리"정렬> </ 번째> <목 필드 = "ATTR1"너비 = "150"> 속성 </ 일> Stauts </ 일> <목 필드 = "상태"너비 = "60"= "센터"정렬> </ TR> </ THEAD> </ 테이블>
데모를 사용하여
선택된 데이터 행을 얻습니다 :
VAR 행 = $ ( '#의 TT') 데이터 그리드 ( '통해 getSelected'); 경우 (행) { 경고 ( '항목 ID :'+ row.itemid + "\ nPrice :"+ row.listprice); }
상품 ID를 선택한 모든 행을 가져 오기 :
VAR 식별자 = []; VAR 행 = $ ( '#의 TT') 데이터 그리드 ( 'getSelections'); 대한 (var에 나는 = 0; i가 rows.length을 <; 내가 ++) { ids.push (행 [I] .itemid); } 경고 (ids.join ( '\ n')이다);