comprobar los nodos secundarios de un árbol cuando se hace clic en uno de los padres [ExtJS]

Question

Me gustaría saber cómo puedo verificar los nodos hermanos de un árbol mientras hago clic en un nodo particular en ExtJs.

He dado id's para cada nodo y puedo acceder a la identificación de un nodo cliqueado. entonces ¿cómo puedo proceder a verificar los nodos secundarios automáticamente?

alguien por favor me ayude ..

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); 
}); 

Si quieres que esto funcione en todo el subárbol del nodo actual, que tendrá que hacer un poco de recursividad.

Un poco más integrado:

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

Answer 2

El JSON o XML necesitarán el "marcado" propiedad establecida en verdadero o falso al rellenar los nodos. Supongo que está usando un AsyncTreeNode para hacer esto por usted. Si los nodos de árbol se crean sin esta propiedad marcada presente, ExtJS no lo renderizará con la casilla de verificación.

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); 

Funciona bien para mí;)

Answer 4

oyentes: {

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

O bien, si como yo, es necesario comprobar de forma automática/desactive la nodo padre cuando todos los nodos hoja hijos están marcados/desmarcados puede intentar esto:

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 respuesta de Mr C funciona bien (ExtJS 4.2), pero se producirá un error cuando los childnodes de parentnode tienen 1 hijo. Aquí está mi pequeña mejora. Alguien puede mejorar aún más

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); 
     }); 
    } 
}