jqgrid - 2 (api)

이번엔 공공데이터를 사용하여 jqgrid를 활용해보자❕

https://bongra.tistory.com/71

해당 사이트를 참고하여 공공데이터 JSON 샘플을 받아오자.

이런식으로 잘 받아온다. 이제 jqgrid를 활용하여 그리드를 만들어보자.

• datatype : API 응답 --> JSON으로 받기 위해 하는 설정

• colModel : 그리드 행에 보여줄 데이터데이터 컬럼과 매칭을 시켜야한다

jsonReader

• 그리드의 데이터가 json 형태일 때 사용하는 옵션이다.

• repeatitems : JSON 데이터의 각 항목이 배열로 제공 될 때 사용된다.

예를 들면, repeatitems : true

{
  "rows": [
    ["value1", "value2", "value3"],
    ["value4", "value5", "value6"]
  ]
}

> 이런 형식을 띄면 사용하기에 적합함

예를 들면, repeatitems: false

{
  "data": [
    { "ID": 1, "국가중점여부": "Y", "기관분류": "분류1", "등록기관": "기관1", "등록일": "2022-01-01", "마지막수정일": "2022-01-02", "목록명": "목록1", "목록타입": "타입1", "분류체계": "체계1", "표준데이터여부": "Y" },
    { "ID": 2, "국가중점여부": "N", "기관분류": "분류2", "등록기관": "기관2", "등록일": "2022-02-01", "마지막수정일": "2022-02-02", "목록명": "목록2", "목록타입": "타입2", "분류체계": "체계2", "표준데이터여부": "N" }
  ]
}

이런 형식일 때 쓰인다.

필자도 api 호출 후 받아오는 데이터 형식이 repeatitems : false조건과 부합했기 때문에 사용 했다.

• root : JSON 응답에서 데이터 배열의 루트 경로를 지정함

다음은 이 API를 가지고 jqgrid의 많은 기능을 사용 할 예정이다.