import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core'; @Component({ selector: 'cm-menu-doc-8', templateUrl: './menu-doc-8.component.html', styleUrls: ['./menu-doc-8.component.css'] }) export class MenuDoc8Component implements OnInit { _cmHasChecked: boolean = true;//是否有多选框 _cmHasShow: boolean = true;//是否有下拉展开 _cmHasMenu:boolean = true;//是否有下拉项 // 树状菜单数居 _cmData: any = [ { "id": "1", "content": "总目录", "show": true,//默认展开 "ellipsisShow": false, "menuShow": false, "checked": false, "radio": false, "readonly": true, "select": true, "children": [ { "id": "2", "content": "文件夹1", "show": true, "ellipsisShow": false, "menuShow": false, "checked": false, "radio": false, "readonly": true, "select": false, "children": [ { "id": "4", "content": "文件1", "show": true, "ellipsisShow": false, "menuShow": false, "checked": false, "radio": false, "readonly": true, "select": false, "children": [], }, { "id": "5", "content": "文件2", "show": true, "ellipsisShow": false, "menuShow": false, "checked": false, "radio": false, "readonly": true, "select": false, "children": [], } ] }, { "id": "3", "content": "文件夹2", "show": true, "ellipsisShow": false, "checked": false, "radio": false, "readonly": true, "select": false, "children": [ { "id": "6", "content": "文件1", "show": true, "ellipsisShow": false, "menuShow": false, "checked": false, "radio": false, "readonly": true, "select": false, "children": [], }, { "id": "7", "content": "文件2", "show": true, "ellipsisShow": false, "menuShow": false, "checked": false, "radio": false, "readonly": true, "select": false, "children": [], } ] } ] } ] // 菜单项数据 _cmMenu: any = [ { value: '新增文件', label: 'create', disabled: false }, { value: '删除文件', label: 'delete', disabled: false }, { value: '编辑文件', label: 'update', disabled: false }, { value: '移动文件', label: 'move', disabled: false } ] constructor( ) { } ngOnInit() { } // 数据改变 ondataChange(cmdata:any) { if(cmdata.type == "create"){ console.log('create') }else if(cmdata.type == "delete"){ console.log('delete') }else if(cmdata.type == "update"){ console.log('update') }else if(cmdata.type == "move"){ console.log('move') }else if(cmdata.type == "checked"){ console.log('checked') }else{ console.log('nocheck') } } // 增加菜单项回调 createMenu(cmMenu:any){ // console.log(cmMenu) } // 点击树状项 clickItems(obj:any){ // console.log(obj) } }