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
반응형
'Front > JS & jQuery' 카테고리의 다른 글
[js] 배열이 같은지 비교하기 (0) | 2024.02.13 |
---|---|
[js] quill editor focus() (0) | 2024.02.11 |
[jQuery] flat Array to tree Array (0) | 2024.02.05 |
[jQuery] Set으로 배열 중복제거하기 (0) | 2024.02.04 |
[jQuery] .map() / 배열에서 특정값 꺼내서 배열만들기 (0) | 2024.02.03 |