vérifier enfant nœuds d'un arbre quand un parent est cliqué sur [ExtJS]

Je voudrais savoir comment puis-je vérifier le frère de nœuds d'un arbre tout en cliquant sur un nœud particulier dans ExtJs.

J'avais donné l'identifiant de chaque nœud et je peux accéder à l'id d'un cliqué sur le nœud. alors, comment puis-je procéder à la vérification de l'enfant nœuds automatiquement ??

quelqu'un merci de m'aider..

OriginalL'auteur tismon | 2010-02-16

  1. 7
    //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 vous voulez que cela fonctionne sur l'ensemble de la sous-arbre du nœud actuel, vous devrez faire de la récursivité.

    Un peu plus intégré:

    treePanel.on('checkchange', function(node, checked) {
    node.eachChild(function(n) {
        n.getUI().toggleCheck(checked);
    });
});
    ne fonctionne pas dans les nouvelles versions de l'API. réussi cette stackoverflow.com/questions/6579769/...
    C'est correct. Le code ci-dessus est de Ext JS 3, Ext JS 4 a changé l'arbre API assez fortement.
    Donc, si vous ne développez les nœuds enfants, ils ne se charge pas. Ainsi, lorsque vous appelez checkchange il ne fera que vérifier les nœuds enfants qui ont été chargés. Ce que j'ai fait a été l'ajout de nœud.développez(true); avant que le nœud.eachChild, par conséquent, il s'étend à tous les nœuds, et ensuite de les vérifier tous.
    J'ai l'erreur suivante: "Maximale de la pile d'appels de taille dépassé"

    OriginalL'auteur Stefan Gehrig

  2. 5
    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);

    Il fonctionne bien pour moi 😉

    Beau travail! Au moins dans google Chrome, je n'ai pas le message d'erreur suivant: "Maximale de la pile d'appels de taille dépassé" =)

    OriginalL'auteur slammer

  3. 2

    auditeurs:{ 

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

    }

    OriginalL'auteur damo

  4. 1
    function checkChange(node, checked, Object) {
    node.cascadeBy(function(n) {
        n.set('checked', checked);
    });
}
    Certains brève explication aurait été utile.

    OriginalL'auteur boooch

  5. 0

    Le JSON ou XML aurez besoin de la "vérifié" propriété est définie à true ou à false lorsque vous remplissez les nœuds. Je suis en supposant que vous utilisez un AsyncTreeNode de le faire pour vous. Si l'arbre de nœuds sont créés sans cette propriété checked présent, ExtJS ne va pas la rendre avec la case à cocher.

    OriginalL'auteur It Grunt

  6. 0

    La réponse de M. C fonctionne très bien(ExtJS 4.2), mais d'un bug se produit lorsque la childnodes de parentnode a 1 enfant. Voici ma un peu d'amélioration. Quelqu'un peut améliorer encore

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

    OriginalL'auteur daniel

  7. -1

    Ou, si comme moi, vous devez automatiquement cocher/décocher le nœud parent lorsque des enfants tous les nœuds feuilles sont cochée/décochée, vous pouvez essayer ceci:

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


}

    OriginalL'auteur Fred Dump