목록제이쿼리그리드 (3)

개발 메모장

[jQuery] jqGrid footer 처리

#. 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..
Java Script 2024. 1. 2. 15:35
[jQuery] jqGrid 사용방법(Event 및 메서드 처리)(2/2)

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

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