본문 바로가기

개발하자/jgGrid

 (22)
jqgrid 특정 컬럼 값 수정 $("#grid").jqGrid('setCell',rowid,'컬럼명','수정데이터');
jqGrid 컬럼 동적으로 숨기기, 표시하기 // 숨기기 $("#grid-EduPlan").jqGrid("hideCol", ["컬럼1",”컬럼2”]); // 표시하기 $("#grid-EduPlan").jqGrid("showCol", ["컬럼1",”컬럼2”]);
목록그리드에서는 보이지만 보기창(view)에서는 숨김처리 viewable: true
dialog edit 숫자체크 { name: 'cd', label: '코드', align: 'center', editable: true, editrules: {required:true, custom:true, custom_func:validNum}, searchoptions: {clearSearch: false}, width: '100' },var validNum = function(val,nm,valref){ if($.isNumeric(val)){ return [true,""]; }else{ return [false,"숫자만 입력 가능합니다."]; } }; colmodel에 editruls 옵션을 정의해주고 그안에 custom속성 사용을 정의해주면된다. function 명에따른 funtion을 별도로 정의하면 저장시에 숫자가 아니면..
그리드 체크박스강제선택 $('#grid-expReserveInfo').jqGrid('setSelection', '선택한row id값').prop('checkbox', true);
멀티셀렉트시 단일로우만 선택가능하게 하는 옵션 //체크박스는 중복선택가능하고 로우는 단일로우만 선택가능 beforeSelectRow: function (rowid, e) { var $myGrid = $(this), i = $.jgrid.getCellIndex($(e.target).closest('td')[0]), cm = $myGrid.jqGrid('getGridParam', 'colModel'); if(cm[i].name === 'cb'){ //체크박스선택시에는 멀티셀렉트되고 return (cm[i].name === 'cb'); }else{ //일반로우클릭시에는 한행만 선택가능함 $("#grid-expReserveInfo").jqGrid('resetSelection'); //멀티셀렉트 그리드에서 체크박스 전체해제 return true; } }, 하..
버튼 아이콘 이미지 참고 사이트(폰트어썸) http://fontawesome.io/icons/
그리드 네비게이션바 속성 그리드 하단에 추가,수정,삭제,갱신버튼을 만들수있다. 버튼을 클릭하면 다이얼로그창이 뜨며 추가,수정이 가능하다. $("#grid-expReserveDtlInfo").jqGrid("navGrid", "#pager-expReserveDtlInfo", { add: true, //추가버튼보이기 edit: true, //수정버튼보이기 del: false, search: false, refresh:false //갱신버튼숨기기 }, { width: 350, reloadAfterSubmit: true, recreateForm: true, editCaption: '수정', closeAfterEdit: true, //수정후 다이얼로그창 닫기 editData: {"var": "val"}, onclickSubmit: func..

티스토리툴바