etc/jqGrid (4) 썸네일형 리스트형 [작성중][jqGrid] Treegrid 샘플 - ajax , adjacency 보호되어 있는 글입니다. [jqGrid] 멀티셀렉트에서 체크박스 선택시 모드 변경하기 멀티셀렉트( multiselect : true) 옵션을 사용했을 경우 오직 체크박스에 대해서만 onSelectRow 이벤트를 적용하려면 다음과 같은 코드를 이용한다. beforeSelectRow: function (rowid, e) { var $myGrid = $(this), i = $.jgrid.getCellIndex($(e.target).closest('td')[0]), cm = $myGrid.jqGrid('getGridParam', 'colModel'); return (cm[i].name === 'cb'); } 참고 : 1. http://stackoverflow.com/questions/7627512/jqgrid-multiselect-limit-the-selection-of-the-row-only-.. [jqGrid] 그리드를 생성 후 xmlstring 데이터를 동적으로 로드하는 방법 다음은 버튼을 클릭하여 로딩한 데이터를 그리드에 적용하는 예제입니다. 그리드를 만든 후에 xmlstring 타입의 데이터를 동적으로 로드하여 사용하기 위해 정리한 내용이고 jsonstring 의 경우도 같은 방식으로 적용할 수 있다. 우선 datatype:'local' 지정 후 datatype 을 변경하면서 적용하는 것이 포인트다. [jqGrid cookbook] 1. jqGrid jqGrid를 시작하며 jqGrid 는 jQuery 기반의 그리드 플러그인입니다. 보통 테이블 기반의 데이터를 웹상에 표시하는 것보다 편집, 페이징, 검색, 정렬등의 부가적인 기능을 하는데 번거로울 수 있는데 jqGrid 를 이용하면 이를 좀 더 쉽게 구현할 수 있습니다. 물론 jqGrid를 사용하기 위해서는 사용법을 잘 지켜야 합니다. 사용법을 익히기 전에 먼저 jqGrid 예제를 하나 보겠습니다. 아래의 그리드는 테이블 형식의 데이터를 출력하는 것은 물론이고 각 컬럼에 대한 정렬, 검색, 새로고침, 페이징 등을 구현한 화면입니다. 코드량은 얼마나 될까요? HTML 단 2줄, 스크립트는 25줄이면 그리드를 표현하고 검색, 정렬, 페이징 등의 다양한 기능을 구현할 수 있습니다. 물론 데이터는 서버에 요청.. 이전 1 다음
