controllare i nodi figlio di un albero quando si fa clic su un genitore [ExtJS]

Question

Vorrei sapere come posso controllare i nodi fratelli di un albero mentre si fa clic su un nodo particolare in ExtJs.

Avevo dato id per ogni nodo e posso accedere all'id di un nodo cliccato. allora come posso procedere a controllare automaticamente i nodi figli ??

favore qualcuno mi aiuti ..

Answer 1

// or any other way of getting hands on the node you want to work with 
var node = treePanel.getNodeById('your-id'); 
node.eachChild(function(n) { 
    n.getUI().toggleCheck(true); 
}); 

Se si desidera far funzionare tutto questo su tutta la sottostruttura del nodo corrente, dovrete fare un po 'la ricorsione.

Un po 'più integrato:

treePanel.on('checkchange', function(node, checked) { 
    node.eachChild(function(n) { 
     n.getUI().toggleCheck(checked); 
    }); 
}); 

Answer 2

Il JSON o XML avranno bisogno del "controllato" proprietà è impostata su true o false quando si popola i nodi. Suppongo che tu stia utilizzando un AsyncTreeNode per fare questo per te. Se i nodi dell'albero vengono creati senza questa proprietà selezionata, ExtJS non eseguirà il rendering con la casella di controllo.

Answer 3

function nodeCheck(node) { 
    node.eachChild(function(n) { 
     if(n.hasChildNodes()) 
      nodeCheck(n) 
     n.getUI().toggleCheck(false); 
    }); 
} 
var node = (tree.getSelectionModel().getSelectedNode()) ? tree.getSelectionModel().getSelectedNode() : tree.root; 
if(node) nodeCheck(node); 

Funziona bene per me;)

Answer 4

ascoltatori: {

checkchange : function(node, checked) { 
    node.parentNode.cascadeBy(function(n){n.set('checked', checked);}); 
} 

}

Answer 5

function checkChange(node, checked, Object) { 
    node.cascadeBy(function(n) { 
     n.set('checked', checked); 
    }); 
} 

Answer 6

Oppure, se come me, è necessario controllare automaticamente/deselezionare la nodo genitore quando tutti i nodi foglia figlio sono spuntati/deselezionati puoi provare questo:

function (node, checked) 
{ 

    if (node.get('leaf')) 
    { 
     node = node.parentNode; 
     var siblingStateEqual = true; 
     node.cascadeBy(function (n) 
     { 
      if (n != node) { 
       if (n.get('checked') != checked) { 
        siblingStateEqual = false; 
       } 
      } 

     }); 

     if (siblingStateEqual == checked) 
     { 
      node.set('checked', checked); 
     } 

    } 
    else 
    { 
     node.cascadeBy(function (n) { n.set('checked', checked); }); 
    } 


} 

Answer 7

La risposta di Mr C funziona correttamente (ExtJS 4.2), ma si verificherà un errore quando i childnodes di parentnode hanno 1 figlio. Ecco un mio piccolo miglioramento. Qualcuno può migliorare ulteriormente

function (node, checked) { 

    if (node.isLeaf()) { 
     node = node.parentNode; 
     var siblingStateEqual = true; 
     if (node.childNodes.length == 1) { 
      siblingStateEqual = checked; 
     } else { 
      node.cascadeBy(function (n) { 
       if (n != node) { 
        if (n.get('checked') != checked) { 
         siblingStateEqual = false; 
        } 
       } 

      }); 
     } 

     if (siblingStateEqual == checked) { 
      node.set('checked', checked); 
     } 

    } 
    else { 
     node.cascadeBy(function (n) { 
      n.set('checked', checked); 
     }); 
    } 
}