일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Jenkins
- Javascript
- poi
- JPA
- 엑셀 업로드
- jqGrid
- 그리드
- QueryDSL
- 스트림
- rabbitmq
- 자동배포
- java
- 대용량 업로드
- sqlserver
- DevOps
- spring
- 자동빌드
- 자바8
- MessageQueue
- ORM
- 보안
- 제이쿼리그리드
- ci/cd
- stream api
- mom
- docker
- mssql
- JQuery
- apache.poi
- Stream
- Today
- Total
목록JQuery (5)
개발 메모장

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

#. 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 배열과 ..