개발하자/jgGrid (22) 썸네일형 리스트형 jqGrid 컬럼감추기 기능 //컬럼감추기 colMenu : true, shrinkToFit:false, 위와 같은 옵션을 그리드에 주게되면 컬럼명 옆에 말풍선같은 모양이 나타난다.클릭하면 여러메뉴가 나타나는데 컬럼정보를 클릭하면 체크박스를 이용하여 원하는컬럼만 보이게 설정할수 있다.Group by항목을 선택하면 해당컬럼기준으로 같은것끼리 묶어서 보여주게 되며 Freeze항목을 선택하면 해당컬럼을 젤왼쪽으로 고정시켜 보여주게된다.colModel 에서 hidedlg : true 옵션을 추가하면 해당모델은 컬럼정보항목에 나타나지않는다.coloptions:{filtering:false,sorting:false} 옵션을 통하여 말풍선모양을 클릭했을때 나타나는 항목을 설정할수 있다.colModel: [ { name: 'unionMbComan.. jqGrid editbox 엔터키막기 ondblClickRow: function (rowid, iCol, cellcontent, e) { $("#grid-eduOpen").jqGrid('editRow', rowid, {keys: false}); }, 그리드 더블클릭시 에디트박스로 활성화되는데 이때 엔터를 누르면 이벤트가 발생한다. 이때 엔터이벤트를 없애려면 keys 를 false로 하면 엔터해도 아무반응없게 된다. jqGrid 원하는 row강제선택 $("#그리드아이디").jqGrid('setSelection', "1", true); 해당소스를 넣으면 첫번째 줄이 강제선택된다. jqGrid 그리드 row선택시 체크박스만 선택가능 //공통기능 체크박스만 선택기능 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'); }, 그리드에서 row를 선택할때 어디를 클릭해도 선택이 되는데 위와 같은 코드를 넣으면 체크박스를 선택해야지만 선택이 가능하게 된다. 그리드검색시 검색값 가져오기 위와같은 그리드에서 관리년도를 2016으로 검색할 경우검색값인 2016이란 값을 얻어오려면?$("#grid-eduCourse").jqGrid("filterToolbar", { beforeSearch: function (event) { },afterSearch: function (event) { var postdata = $("#grid-eduCourse").jqGrid("getGridParam", "postData"); $('#param-year').val(postdata.eduYear); } }); $("#grid-eduCourse").jqGrid("getGridParam", "postData"); $('#param-year').val(postdata.eduYear); filterTollbar에 bef.. jqgrid 선택한 정보 보기 var id = $("#grid").jqGrid("getGridParam", "selrow"); alert(id) if (id) { var ret = jQuery("#grid").jqGrid('getRowData',id); alert(ret.id+ret.pw+ret.addr+ret.tel); } else { alert("Please select row"); } jqgrid 참고사이트 # 참고사이트 http://trirand.com/blog/jqgrid/jqgrid.html http://www.trirand.com/jqgridwiki/doku.php http://www.guriddo.net/demo/guriddojs/searching/toolbar_options/index.html http://www.guriddo.net/demo/guriddojs/ jqGrid 이용하여 db테이블 불러와서 선택정보를 ajax로 json이용하여 나타내기 db의 member테이블을 불러옴 원하는 정보를 선택하고 아래 선택이라는 글자를 클릭하면 아이디정보를 ajax로 data에 저장한다. data:{"id": $('#grid').jqGrid("getGridParam","selrow")} 이렇게 저장한뒤 ajax 연결 페이지에서 저장한 아이디로 db에서 검색하여 상세정보를 JSONObject에 담아서 받아온다. 그리고 아래에 뿌려줌!! jqgrid1.jsp ============================= 선택 bb.jsp ===================================== cc.jsp ========================================== dd.jsp ====================================.. 이전 1 2 3 다음
