[Javascript] bootstrap TreeView 트리구조 구현, bstreeview js

■ Javascript bootstrap TreeView 트리구조 구현, bstreeview js

---

■ JS 공식 사이트

Dynamic Tree List Plugin For Bootstrap - BSTreeView

---

■ 압축파일

tree-list-bootstrap.zip

0.01MB

---

■ 파일실행 (index.html)

압축파일 내 리스트

index.html 이미지

---

■ 응용

# 기존 div 클릭 시 li가 펼쳐짐 ▷ 수정 1. >버튼 클릭 시 만 li 컨트롤, 수정 2. li가 미리 다 펼쳐져 보이게 조정

# bstreeview.min.js

bstreeview.js

bstreeview.js

# php 단에서 li별 text, idx, div, icon 값 설정 (구조 예시를 위함)

// example
$row[$i]['text'] = $text;
$row[$i]['idx']  = $idx;
$row[$i]['div']  = $div;
$row[$i]['icon'] = 'fa fa-inbox';

---

■ fa icon list

Font Awesome Icons