Treeview 를 만들기 위해서 이것 저것 테스트 해보느라고 고생 좀 하고 있다.
easytree.js 는 node.id 얻는 방법을 몰라서 포기를 했다.
그래서 검색해서 easyUI tree 를 찾아냈다.
http://www.jeasyui.com/documentation/index.php# 에 설명이 잘 나와 있다.
easyUI jQuery 는 잘 활용하면 홈페이지가 확 달라질 거 같다.
중요 포인트는 MySQL DB 자료를 JSON Data 로 만드는 방법을 알아야 하더라.
좀 복잡한 것을 만들 줄 알아야 하는데 아직 그 부분까지는 이해를 못했다.
=== treeSQLtoJSON.php ===
<?php
include_once "connect.php";
$sql = "SELECT * FROM treeview_items";
$res = mysqli_query($db, $sql);
while($row = mysqli_fetch_assoc($res)){
$menu[] = $row;
}
// while 하나로 처리해야 하는데 Class 처리 목적 분리 코딩
$result = array();
foreach ($menu as $row){
array_push($result,
array('id'=>$row['id'],
'parentId'=>$row['parent_id'],
'name'=>$row['text'],
'link'=>$row['link']
));
}
echo json_encode($result);
?>
JSON Data 만드는 법을 알고 나면 http://www.jeasyui.com/tutorial/tree/tree6.php 에서 내용을 읽어보고 데모 파일을 받아서 수정해서 사용하면 된다.
'Web 프로그램 > 메뉴 만들기' 카테고리의 다른 글
[bootstrap] navbar-fixed-top 설정때문에 (0) | 2017.02.07 |
---|---|
[bootstrap] TopMenu, 로그인, 로그아웃 처리 (0) | 2017.02.01 |
[jQuery] jQuery 토글 및 메뉴 만들기 - 1 (0) | 2017.01.26 |
[jQuery] easyUI treeview 만들기 (MySQL to JSON tree using PHP) (0) | 2016.12.24 |
[jQuery] jsTree Treeview 만들기(MySQL to JSON tree using PHP) (0) | 2016.12.21 |