본문 바로가기

개발하자

(326)
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..
REGEXP_SUBSTR sql에서 특정문자열로 구분자 자른 목록생성 SELECT REGEXP_SUBSTR ( '149/148/146/147/' /**P*/, '[^/]+', 1, LEVEL ) FROM DUAL CONNECT BY LEVEL
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로 하면 엔터해도 아무반응없게 된다.