jqgrid (6) 썸네일형 리스트형 [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 cookbook] 1. jqGrid jqGrid를 시작하며 jqGrid 는 jQuery 기반의 그리드 플러그인입니다. 보통 테이블 기반의 데이터를 웹상에 표시하는 것보다 편집, 페이징, 검색, 정렬등의 부가적인 기능을 하는데 번거로울 수 있는데 jqGrid 를 이용하면 이를 좀 더 쉽게 구현할 수 있습니다. 물론 jqGrid를 사용하기 위해서는 사용법을 잘 지켜야 합니다. 사용법을 익히기 전에 먼저 jqGrid 예제를 하나 보겠습니다. 아래의 그리드는 테이블 형식의 데이터를 출력하는 것은 물론이고 각 컬럼에 대한 정렬, 검색, 새로고침, 페이징 등을 구현한 화면입니다. 코드량은 얼마나 될까요? HTML 단 2줄, 스크립트는 25줄이면 그리드를 표현하고 검색, 정렬, 페이징 등의 다양한 기능을 구현할 수 있습니다. 물론 데이터는 서버에 요청.. [jqGrid] rowspan jqGrid 에서는 현재 버전 기준으로 colspan 에 대한 기능은 지원하지만 rowspan 에 대한 기능은 지원하지 않는다. 이와 관련하여 Stackoverflow 에 묻고 답한 부분이 있어 참고하려고 기록해 둔다. 아래는 적용한 코드이다. 참고 http://stackoverflow.com/questions/12200621/jqgrid-grouping-row-level-data [jqGrid] JSON 데이터 정렬 jqGrid 에서 local 데이터에 대해서 addRowData 를 이용하여 Grid 에 데이터를 추가할 경우. 정렬 기능을 이용하려면 sortname 값을 지정한 후에 Grid 를 reloadGrid 해야만 한다. 하지만 이방법 보다 먼저 json 형태의 데이터일 경우 json 차원에서 정렬을 하면 한단계를 줄일 수 있다. gridData.list.sort(function(a, b){ if(a.score == b.score){ return 0} else{ return a.score > b.score ? 1 : -1; }}); 참고 : http://stackoverflow.com/questions/881510/jquery-sorting-json-by-properties [jqGrid] getRowData 를 이용시 \r\n 값이 사라지는 현상 in IE8 jqGrid 를 사용하면서 또한가지 이슈가 발견되었다. 뭐 이슈라기 보다 지금까지 여러 프로젝트에 jqGrid 를 사용하였지만 아직 발견되지 않았던 것이라고 하는게 맞겠다. 해당 이슈를 공유하고자 한다. 물론 더 좋은 방법이 있으면 이곳에서 공유했으면 하는것이 필자의 바람이기도 하다. 화면 리스트와 편집을 동시에 하는 화면을 구현하였다. 이때 리스트를 그리드로 구현하고 편집 화면은 폼(input, select, textarea 등으로 구성된)으로 구성하였다. 리스트에서는 화면에 보이지 않는 , 즉 편집(폼)을 위한 데이터까지 Grid 에서 가지고 있다가(hidden:true 이용) 선택시(onSelectRow 이벤트) 폼화면을 Grid 의 getRowData 함수를 이용하여 채우려는데 있다. 현상 FF,.. [jqGrid] gridview 를 반드시 써야하는 이유!! * 테스트 환경 - Windows 7 64bit- STS 3.2.0 ( VMware vFabric tc Server Developer Edition v2.7 ) - 크롬 27.0.1- IE 10- IE 9 (IE 10 개발자도구)- IE 8 (IE 10 개발자도구)- IE 7 (IE 10 개발자도구) - jQuery 1.9.0- jQuery ui 1.10.3- jqGrid 4.5.2 개요 다음은 jQuery 의 Grid 플러그인인 jqGrid 의 gridview 옵션 적용시 성능 차이에 대한 결과를 리포트하는데 목적이 있습니다. jqGrid의 WIKI에서 말하고 있는 gridview에 대한 검증 차원도 있습니다. gridview : In the previous versions of jqGrid inclu.. 이전 1 다음
