inline edit로 수정중에 input이 열려있는 상태로 저장버튼을 눌리게되면 그 input 박스는 인식을 못하고 저장을 하는 경우가 있더군요. 그리고 사용자 편의상 input이 열려있는 상태에서도 저장이되게끔 해줘야 하는게 당연하다고 생각이드네요 12345,afterEditCell:function(rowid, cellname, value, iRow, iCol){ $("#" + rowid + "_" + cellname).blur(function(){ $("#table").jqGrid("saveCell",iRow,iCol); });}Colored by Color Scriptercs
jqgrid 검색 결과
창이 작아지거나 커지면 jqgrid가 벗어나거나 작아지지않아서 고민이였다. 그래서 라이브러리를 보니 jqgrid의 사이즈를 조절해주는 기능이 있었다. resize.jqGrid로 조절해주면된다. 코드는 아래 123$(window).on('resize.jqGrid', function () { jQuery("#jqgrid_ID").jqGrid( 'setGridWidth', $("#content").width() );});Colored by Color Scriptercs $("#content").width());#content는 태그의 id 값인데 jqGrid가 들어가있는 최상단 Div 태그의 id를 걸어주면 됩니다.해보진 않았지만 body를 걸어줘도 될 것 같네요.
이번에 멀티셀렉으로 체크값을 여러개 가져와서 삭제하는 것을 구현해야했다 저장이나 수정버튼을 따로둬서 삭제할 때 실제로 db의 값은 지워지지 않게 만들었다. 그래서 화면에서만 삭제가 되게만 구현하면 되었다. 12345678910111213var myGrid = jQuery("#table");myGrid.jqGrid('navButtonAdd', "#table_nav",{ caption : "", buttonicon: "ui-icon-trash", title : "행 삭제", onClickButton : function (){ var recs = jQuery("#table").jqGrid('getGridParam', 'selarrrow'); var rows = recs.length; for (var i = r..
컬럼 부분을 editable 조절하는건 예제가 많이 나와있어서 찾기가 쉬웠는데 이번에 jqgrid의 한 행의 select 박스에 값이 바뀌면 어떤 한 컬럼만 뺴고 전부 editable이 false가 되야 하는 걸 구현해야했다.. 찾아도 찾아도 나오는건 전체 테이블의 컬럼이 전부 false가 되는것뿐;; 하루종일 구글링 한 결과 드디어 찾아냈네요 ㅠㅠ; 12jQuery("#table").jqGrid('setCell', rowid, '컬럼 name, "", 'editable-cell'); // 특정 cell 수정 가능하게jQuery("#table").jqGrid('setCell', rowid, '컬럼 name', "", 'not-editable-cell'); // 특정 cell 수정 못하게cs 정말 쉽네요 ..
jqgrid의 네이게이션의 기본 버튼은 add(추가), edit(수정), del(삭제), search(검색) 이렇게 4가지정도가 있습니다. 여기서 예를 들어 excel출력 버튼이나 pdf출력과 같은 사용의임의로 버튼을 만들어 사용 할 때가 있습니다. 저는 이번엔 엑셀로 출력하는 기능을 예제로 사용해보겠습니다. 엑셀 출력은 따로 github에서 받은 소스로 진행하였습니다. 추후 설명해드리겠습니다. 예시로 간단하게 버튼 추가하는 방법만 일단 알아보겠습니다. 1234$("#dept_table").jqGrid('navButtonAdd','#dept_table_nav',{caption:"Excel 출력", title : " Excel 출력", onClickButton : function(e){ alert("새로 ..