목록Client (64)
써먹는 웹개발
jqGrid 해당 필드에 링크 생성방법 col = [{ label: 'A', name : 'A', width: 100, formatter:setLink } { label: 'FILE_NAME', name : 'FILE_NAME', hidden:true }]; function setLink(cellval, options, rowObject) {if(typeof(cellval) == "undefined") {return "";}return "
jqgrid 기능(메서드) 모음 1. 해당하는 테이블의 id가 jqgrid인 jqgrid의 데이터 초기화 - $("#jqGrid").jqGrid('clearGridData', true);
Jqgrid 속성 모음 $("#jqGrid").jqGrid({rowNum:rowNum, // 그리드에 보여줄 레코드 수gridview:true, // 성능 향상cellEdit:false, // 셀 수정 가능 여부 : true, falseshrinkToFit:false, // 우측 스크롤바 위의 조그만 공간을 없애고 Width를 거기까지 채움emptyrecords : '데이터가 존재하지 않습니다.', // 데이터가 없을 경우 보여줄 문자열autowidth: true, // 자동 width 설정, width와 동시에 사용 못함height: '100px' // 그리드 높이값 (100px 로 설정)}); ------------------------------------------------------------..
jqGrid에서 여러 헤더 위에 헤더 생성 및 헤더명 작성방법 소스 $("#jqGrid").jqGrid('setGroupHeaders', {useColSpanStyle: true,groupHeaders:[ { startColumnName: '시작 colNames', numberOfColumns: 시작 컬럼명부터 병합할 컬럼 개수, titleText: '병합한 위에 작성할 컬럼명'}] }); 소스 설명1. setGroupHeaders : 그룹헤더를 설정할때 설정할 소스를 작성할 것2. groupHeaders : 그룹헤더에 설정 ( '[{ }]' 안에 설정할 문법 넣을 것 - startColumnName : 병합할 시작 컬럼명 - numberOfColumns : 병합할 컬럼 수 - titleText: 병합될..
HTML 소스로 테이블 2개를 나란히 출력하는 방법 두 개의 div를 만들고 두개 합쳐서 너비를 100%가 안되도록 맞춰주고 정렬(float)을 각각 첫번째는 왼쪽(left)으로, 두번째는 오른쪽(right)로 맞춰줍니다. ※ 너비(width) 두개를 합쳐서 100%가 되면 브라우저에 따라 두번째 테이블이 넘어갈 수 있으므로 주의
IE에서 팝업일때 그리드 스크롤 안생기는 현상 해결방법1. 해당 테이블을 div로 묶어줍니다.2. 그리고 style에 가로/세로의 길이를 100%로 하고 overflow로 스크롤을 설정합니다. (가로는 overflow-x, 세로는 overflow-y) Html 소스
$("#jqGrid").jqGrid({ colModel :[ {label: '금액', name:'amount',formatter:'integer'}, ], formatter : { integer : {thousandsSeparator: ",", defaultValue: '0'} }}
※ 해당 글은 jqgrid 안에 있는 treegrid를 말하는 것임을 알려드립니다.var cnt = 0; // cnt는 재조회가 안되게 설정하는 변수$(document).ready(function(){ $("#treegrid").jqGrid({ url : "/매핑 주소", // 주소 설정 datatype : "json", // json 방식으로 데이터를 받음 colNames:["id","name"], // 열 제목 (colModel의 속성인 label로 대체가능) colModel:[ {name:'id',hidden:true,key:true}, {name:'name', width:180}, ], // 열마다 정의를 하며 여기서 key값은 필수 treeGrid : true, // treegrid 사용 tre..