jQuery 다중 레벨 디렉토리 트리 구조 메뉴 코드

<link rel="stylesheet" type="text/css" href="css/default.css">
<link rel="stylesheet" type="text/css" href="css/Aimara.css">
<link rel="stylesheet" type="text/css" href="css/Example.css">
<script src="lib/Aimara.js" type="text/javascript"></script>
<스크립트 유형="텍스트/자바스크립트">
window.onload = 함수() {

//트리 초기화 중

//트리 컨텍스트 메뉴 구조
var context_menu = {
'컨텍스트1': {
요소 : [
{
텍스트: '노드 작업',
아이콘: 'images/blue_key.png',
액션 : 함수(노드) {

},
하위 메뉴: {
요소 : [
{
텍스트: '토글 노드',
아이콘: 'images/leaf.png',
액션 : 함수(노드) {
node.toggleNode();
}
},
{
텍스트: '노드 확장',
아이콘: 'images/leaf.png',
액션 : 함수(노드) {
node.expandNode();
}

이것은 로그가 포함된 다단계 디렉터리 트리 구조 메뉴 js 코드로, 트리 노드를 동적으로 추가 및 삭제할 수 있으며 다단계 트리 구조를 생성할 수 있습니다. 각 노드는 마우스 오른쪽 버튼 클릭 컨텍스트 메뉴를 가질 수 있으며 각 노드는 구성할 수 있습니다. 다른 아이콘.