일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- spring
- 대용량 업로드
- 엑셀 업로드
- Stream
- 자동빌드
- Jenkins
- MessageQueue
- JPA
- DevOps
- poi
- 보안
- Javascript
- apache.poi
- jqGrid
- rabbitmq
- 자바8
- docker
- sqlserver
- stream api
- mssql
- ci/cd
- 스트림
- 제이쿼리그리드
- 그리드
- ORM
- 자동배포
- QueryDSL
- mom
- java
- JQuery
- Today
- Total
목록jqGrid (5)
개발 메모장

#. 여타 그리드의 경우 셀 병합 기능이 기본적으로 제공되나 jqGrid의 경우 무료로 사용하기에 부족한 기능들이 많은 편입니다. #. 다른 행 데이터 내 동일한 Key로 묶인 경우 병합하여 보여주는 기능을 요청하여 남겨보도록 하겠습니다.우선 요청사항을 정확히 살펴보도록 하겠습니다.아래 요청사항은 기본적으로 TestNo이라는 값이 동일한 행에 대해 적용해달라는 것이 기본이였습니다.1. 첫 행의 Key가 N이면서 나머지 행도 N인 경우 첫 행을 제외한 나머지 행의 특정 데이터를 보여주지 않을 것2. 첫 행 Key가 N이고 나머지 행 중 Y라는 Key를 가진 경우 첫 행의 특정 데이터를 보여주지 않을 것3. 첫 행 Key가 Y이면서 나머지 행도 모두 Y인 경우 모두 보여줄 것 4. 동일한 TestNo일 경우..

#. 그리드 내 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"); ..