1.7

Author: hikki

resources/assets/component.js

@@ -204,7 +204,7 @@ class ComponentCascadeDot {
     makeSelect(){
         this.dimensional_data = [];
         this.makeDimensional(this.select_data);
-        console.log(this.dimensional_data);
+        console.log(this.dimensional_data)
         for (let stack in this.dimensional_data){
             let data = this.dimensional_data[stack];
             let stackDom = document.createElement('div');
@@ -214,7 +214,11 @@ class ComponentCascadeDot {
                 div.className='dlp dlp-text dlp-label';
                 div.setAttribute('data-id',v.key);
                 div.textContent = v.val;
-                div.addEventListener('click',this.select.bind(this, div));
+                if(v.hasOwnProperty('nodes')){
+                    let nodes = v.nodes.map((n)=>n.key);
+                    div.setAttribute('data-nodes-id',JSON.stringify(nodes));
+                }
+                div.addEventListener('click',this.select.bind(this, div,stack));
                 stackDom.append(div);
             });
             this.CONTENT_DOM.append(stackDom);
@@ -242,8 +246,10 @@ class ComponentCascadeDot {
         }
     }
 
-    select(div){
-        div.parentNode.childNodes.forEach((D)=>{
+    select(div,stack){
+        let stacks = div.parentNode.parentNode.childNodes;
+        console.log(stack)
+        div.parentNode.childNodes.forEach((D) => {
             D.classList.remove('dlp-label-active');
         });
         div.classList.add('dlp-label-active');

test/index.html

@@ -24,7 +24,8 @@
         new ComponentPlane();
     });*/
 
-    new ComponentCascadeDot('test4',{1:'a',2:'b',3:'c'},[{'key':1,'val':'a'},
+    new ComponentCascadeDot('test4',{1:'a',2:'b',3:'c'},
+        [{'key':1,'val':'a'},
         {'key':2,'val':'b','nodes':[{'key':11,'val':'b1'},{'key':12,'val':'b2'},{'key':13,'val':'b3'},{'key':14,'val':'b4'}]},
         {'key':3,'val':'c'},
         {'key':4,'val':'d','nodes':[]},