자바 스크립트와 jQuery에 익숙해지기 위해 매우 간단한 jqGrid를 만드는 방법을 알아야합니다. 나는 온라인으로 검색했지만 설명 할 수있는 자원을 찾을 수 없다. 그래서 간단한 예제는 훌륭한 것이거나 튜토리얼에 대한 링크 일 것입니다.jqGrid를 만드는 방법
2
A
답변
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
+0
감사합니다. 그런데 어디에서 타이핑해야합니까? HTML로? –
관련 문제
- 1. 전체 jqGrid를 비활성화/읽기 전용으로 만드는 방법
- 2. JqGrid를 가운데에 배치하는 방법
- 3. Django/Python과 JQGrid를 통합하는 방법
- 4. 프로그래밍 방식으로 jqgrid를 검색하는 방법
- 5. jqGrid를 통해 선택한 열 값만로드하는 방법?
- 6. asp.net mvc에서 jqgrid를 다시로드하는 방법 dropdownlist를 변경하면
- 7. Appengine의 ProtoRPC와 함께 작동하는 jqGrid를 얻는 방법
- 8. asp.net mvc에서 버튼을 클릭하면 jqgrid를 지우는 방법
- 9. 빈 jqgrid를 클릭하십시오
- 10. jqGrid를 프로그래밍 방식으로 클라이언트에서 필터링합니까?
- 11. jqgrid를 visualforce 페이지의 데이터로 채우기
- 12. ASP.NET MVC에서 jqGrid를 어떻게 사용합니까?
- 13. jqgrid를 엑셀로 내보내는 방법은 무엇입니까?
- 14. Jqgrid를 사용하여 서버 측 유효성 검사를 수행하는 방법?
- 15. jqGrid를 사용하여 쿼리 문자열 주위에 작은 따옴표를 추가하는 방법
- 16. 개체를 만드는 방법 다른 개체를 만드는 방법
- 17. jqGrid를 사용한 클라이언트 측 페이지 매김
- 18. jqGrid를 사용하여 ASP.NET MVC에서 여러 레코드 삭제
- 19. jqGrid를 사용하는 데 문제가 있습니다. 검색 기능
- 20. jqGrid를 사용하여 해당 내용에 열 자동 삽입
- 21. 그리드에서 jqGrid를 반복합니다. 서브 그리드의 데이터
- 22. Trirand의 jqGrid를 사용한 gridComplete 이벤트 타이밍
- 23. 있는 jqGrid를 클릭하면 편집 팝업에 입력
- 24. jqGrid를 사용하여 점진적으로 HTML 테이블을 향상 시키시겠습니까?
- 25. jqGrid를 사용하여 화면의 여러 열을 입력하십시오.
- 26. 문자열을 굵게 만드는 방법
- 27. 라이브러리를 만드는 방법
- 28. asp.net에서 메뉴를 만드는 방법
- 29. 샵 사이트를 만드는 방법
- 30. jquery로 테이블을 만드는 방법?
jqGrid는 로컬 데이터를 표시하는 데 사용할 수 있거나 그리드를 채울 ajax 요청을 만들 수 있습니다. 추가로 사용되어 표시되는 데이터의 서버를 수정할 수 있습니다. 또한 XML 데이터의 JSON을 입력으로 사용할 수 있습니다. 서버 측 데이터 보유를 사용하는 경우 서버 코드를 작성하고 데이터베이스에 액세스해야합니다. 따라서 더 많은 코드 예제가 필요합니다. 따라서 요구 사항을보다 정확하게 설명해야합니다. jqGrid로 시작하면 데모 페이지 http://trirand.com/blog/jqgrid/jqgrid.html에서 몇 가지 코드 템플리트가있는 많은 라이브 예제를 볼 수 있습니다. – Oleg