Front/JS & jQuery

[jQuery] comboTree.js plugin 으로 comboTree 만들기

오선지♬ 2024. 2. 6. 19:50
728x90
반응형
<script>
   $(document).ready(function() {
      // 콤보 트리 초기화
      $('#myComboTree').comboTree({
         source: myData, // 콤보 트리 데이터를 가져올 엔드포인트 지정
         isMultiple: false, // 단일 선택 모드 (true로 설정하면 다중 선택 가능)
         cascadeSelect: false, // 하위 항목을 선택하면 상위 항목 선택 취소 여부
         collapse: true, // 초기에 모든 항목 접힌 상태로 설정
         selected: [], // 초기 선택 항목 (필요에 따라 설정)
         selectCallback: function (value) {
            // 선택 항목이 변경될 때의 동작 추가
         }
      });
   });
</script>
const myData = [
   {
      "id": 1,
      "title": "Root Node",
      "subs": [
         {
            "id": 101,
            "title": "Child Node 1"
         },
         {
            "id": 102,
            "title": "Child Node 2"
         }
      ]
   }
];

source 부분에 위와같은 트리구조의 데이터를 넣어주어야한다.

728x90
반응형