■ Javascript bootstrap TreeView 트리구조 구현, bstreeview js
■ JS 공식 사이트
Dynamic Tree List Plugin For Bootstrap - BSTreeView
A tiny (less than 2kb minified) tree view plugin that dynamically renders a collapsible/expandable tree list using Bootstrap 4 list group component.
www.jqueryscript.net
■ 압축파일
■ 파일실행 (index.html)
■ 응용
# 기존 div 클릭 시 li가 펼쳐짐 ▷ 수정 1. >버튼 클릭 시 만 li 컨트롤, 수정 2. li가 미리 다 펼쳐져 보이게 조정
# bstreeview.min.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
Get 1535 icons right now with FA Free, plus another 7020 icons with Pro, which also gets you another 53 icon category packs as we finish them! Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle. Ligatures for easier des
fontawesome.com
'Javascript' 카테고리의 다른 글
| [Javascript] Toast 창 토스트 메시지 띄우기 (사라지는 모달창) (0) | 2022.03.04 |
|---|---|
| [Javascript] checkbox 체크여부로 form submit, name 접근 (0) | 2022.01.04 |
| [Javascript] 문자열 내 초성 검색 하이라이트 효과주기 (0) | 2021.11.03 |
| [Javascript] 배열 내 특정값 포함여부 체크 indexOf(), includes() (0) | 2021.10.15 |
| [Javascript] input text 핸드폰번호 자동으로 하이픈 입력 (1) | 2021.09.17 |