[Jqgrid] treegrid 속성 설명

※ 해당 글은 jqgrid 안에 있는 treegrid를 말하는 것임을 알려드립니다.

var cnt = 0; // cnt는 재조회가 안되게 설정하는 변수

$(document).ready(function(){

$("#treegrid").jqGrid({

 url : "/매핑 주소", // 주소 설정

 datatype : "json", // json 방식으로 데이터를 받음

 colNames:["id","name"], // 열 제목 (colModel의 속성인 label로 대체가능)

 colModel:[

    {name:'id',hidden:true,key:true},

    {name:'name', width:180},

    ], // 열마다 정의를 하며 여기서 key값은 필수

 treeGrid : true, // treegrid 사용

 treeGridModel : "adjacency", // treeGridModel중 adjacency 방식으로 설정

 ExpandColumn : 'name', // 확장 컬럼

 treeReader : {

  level_field : "DEPT_NAME", // 해당 필드로 레벨별 계층을 나눔

  parent_id_field : "PARENT_DEPT_ID" // 부모 필드

 },

 jsonReader : { // 이게 있어야 묶여져 나오고 접거나 펼침기능이 된다.

  id : "DEPT_ID"

 },

 beforeRequest : function() { // 조회 전에 타는 이벤트

  // cnt가 1이면 더이상 조회요청 안함

  if (cnt == 1){

   return false;

  } 

  cnt = 1;

 },

 loadComplete : function() { // 조회 완료 후에 타는 이벤트

  // 트리 줄 투명하게 변경 (크롬 디버깅으로 확인한 선택자(selector)

  $(".ui-jqgrid tr.jqgrow > td").css("border-bottom-style","none");

 

  // 트리 전부 열기(확장)

  $(".treeclick").click();

 }

});

});

------------------------------------------------------------------------------

궁금한 점 (아시는 분 댓글 부탁드립니다.)

treeGridModel에서 adjacency와 nested의 차이점

------------------------------------------------------------------------------

일일보고

[180206] 내일 마저 올리겠습니다.

[180207] 해당 글 정리 완료하였습니다.