2010-11-25 3 views
2

자바 스크립트와 jQuery에 익숙해지기 위해 매우 간단한 jqGrid를 만드는 방법을 알아야합니다. 나는 온라인으로 검색했지만 설명 할 수있는 자원을 찾을 수 없다. 그래서 간단한 예제는 훌륭한 것이거나 튜토리얼에 대한 링크 일 것입니다.jqGrid를 만드는 방법

+2

jqGrid는 로컬 데이터를 표시하는 데 사용할 수 있거나 그리드를 채울 ajax 요청을 만들 수 있습니다. 추가로 사용되어 표시되는 데이터의 서버를 수정할 수 있습니다. 또한 XML 데이터의 JSON을 입력으로 사용할 수 있습니다. 서버 측 데이터 보유를 사용하는 경우 서버 코드를 작성하고 데이터베이스에 액세스해야합니다. 따라서 더 많은 코드 예제가 필요합니다. 따라서 요구 사항을보다 정확하게 설명해야합니다. jqGrid로 시작하면 데모 페이지 http://trirand.com/blog/jqgrid/jqgrid.html에서 몇 가지 코드 템플리트가있는 많은 라이브 예제를 볼 수 있습니다. – Oleg

답변

3

jqGrid를 사용하여 만들 수있는 가장 쉬운 새는 아마도 배열로 채워진 것일 수 있습니다. 예 : here을 찾을 수 있습니다. 그러나 기본적으로 당신이 필요로하는 모든이입니다 :

var mydata = [ 
     {id:"1"} 
     ]; 
jQuery("#list4").jqGrid({ 
datatype: "local", 
height: 250, 
colNames:['Inv No'], 
colModel:[ 
    {name:'id',index:'id', width:60, sorttype:"int"} 

], 
caption: "Manipulating Array Data", 
    data: mydata 
}); 

당신은 당신이 the jqGrid wiki에 필요한 모든 정보를 찾을 수 있습니다.

편집 :

내가 수정 된 버그 올렉 지적하고 새로운 데이터 매개 변수를 사용했다. Ahmad : 포함 된 js 파일이나 html 사이의 태그에서이 작업을 수행 할 수 있습니다. 예제를 실제로보고 데모 페이지의 소스를 살펴보아야합니다.

+0

코드'i <= mydata.length'는'i Oleg

+0

감사합니다. 그런데 어디에서 타이핑해야합니까? HTML로? –

관련 문제