개발 메모장

#. 그리드 내  2줄의 행을 헤더로 처리해야 하는 일이 종종 발생할 수 있습니다.#.  이럴 때는 jqGrid의 groupHeader를 이용해 처리할 수 있습니다.페이지 최초 호출 시 헤더를 추가한 그리드를 뿌려주기 위해서 gridCompelete 옵션을 이용해 적용해 줍니다.jqGrid의 기본적인 옵션들은 이전 포스팅에도 설명이 돼 있기에 생략하고 그룹 헤더와 관련된 옵션만 설명하겠습니다.$('#grid').jqGrid({ url : 'test.do' , datatype : 'local' , colNames : [ 'col1', 'col2', 'col3', 'col4', 'col5' , 'col6',..

#. jqGrid에 기본적인 사용방법을 알아봤다면 이번엔 풋터에 대해 알아보도록 하겠습니다. #. 자주 사용되진 않겠지만 통계가 필요한 경우 종종 사용됩니다. #. footer 추가하기이전에 속성 추가할 때와 같이 그리드 호출 후 속성에 footerrow : true를 추가해 줍니다.데이터는 myData라는 임의데이터를 생성했습니다.var myData = [ { id: 1, name: "John", age: 25, item: 'poteto', price: '25000'}, { id: 2, name: "Alice", age: 30, item: 'tomato', price : '15200'}, { id: 3, name: "Bob", age: 22, item : 'app..

#. 사용방법 - 속성 > Event     - Event의 경우도 이전 포스트에서 알아본 속성과 같은 방식으로 사용하면 됩니다.     - 속성과 속성은 , (콤마)로 구분합니다.afterInsertRow(rowId, rowData, rowElement)- 각 행이 삽입된 이후 발생하는 이벤트입니다.afterInsertRow : function(rowid, rowdata, rowelem) { if( rowdata.모델네임 == "C" ) { $("#"+rowid).addClass("testClass"); } if( rowdata.모델네임2 == "Y" ) { $("#"+rowid).removeClass("testClass"); ..

#. jqGrid는 무엇일까?jQuery 라이브러리를 이용한 Grid Plugin입니다.웹에서 테이블 형식의 데이터를 표시하고 조작을 위한 Ajax기반 자바스크립트 컨트롤러입니다.기본적으로 jQuery-UI를 이용하기 때문에 원하는 테마를 만들어서 사용할 수 있습니다.2022년 1월부터 업데이트가 멈춰 유지관리가 되지 않고 있으므로 신규 프로젝트에 많이 사용하진 않습니다.#. jqGrid의 장점 풍부한 기능 세트- 정렬, 필터링, 그룹화, 페이지 매김, 인라인 편집, 검색 등을 포함한 풍부한 기능 제공합니다.사용자 정의- 프로젝트 요구 사항에 맞게 그리드의 모양, 동작 및 기능을 사용자 정의가 가능합니다.다른 데이터 소스와의 통합- JSON, XML 및 JavaScript 배열과 ..