JSF-update primefaces Baum Kinder

ich aktualisieren möchten den Kindern die primefaces Baum, ohne zu ziehen den ganzen Baum aus der server.

Kann ich update den ganzen Baum, aber nicht nur die Kinder eines bestimmten Knotens ...

Edit:

Dies ist ein Beispiel von meinem code:

<p:tree value="#{cc.tree}" var="wrapper" id="tree" widgetVar="tree" styleClass="commentTree-#{cc.id}">
   <p:treeNode id="treeNode" styleClass="treenode-#{wrapper.id}">
      Hallo: #{wrapper.text}
   </p:treeNode>
</p:tree>

Nun möchte ich zum aktualisieren einer spezifischen treenode.

function findIDbySelector(selector) {
    return $(selector).first().attr('id');
}

function updateComponent(clientID) {
    var ajax_json = {};
    ajax_json['source'] = '#{cc.id}';
    ajax_json['update'] = clientID;

    PrimeFaces.ajax.AjaxRequest(ajax_json);
}

[...]

updateComponent(findIDbySelector('.treenode-1'));

Als ich sagte, ich kann aktualisieren Sie den gesamten Baum, aber ich will nur zum aktualisieren einer einzelnen Treenode.

(Der code kann bugs enthalten/Tippfehler, da es abgespeckte)

was haben Sie versucht, so weit?
Ich habe versucht, zu Aktualisieren, die Teilbäume erzeugt, die von primefaces, aber da Sie keine jsf-Komponenten dies nicht gelingt. Ich sah dann, wie primefaces lädt die Daten in Ihre "dynamischen Baum" - Beispiel, aber Sie laden den ganzen Baum jedes mal, wenn ein Knoten erweitert ist, und das ist keine option für mich.
bitte posten Sie Ihre .xhtml und .java-Dateien, damit wir Ihnen helfen können

InformationsquelleAutor Nick Russler | 2012-10-21

  1. 1

    Kroch ich ein bisschen über das primefaces Quellen und sah, dass diese die Belastung der Kinder, das ist genug für mich (ich kann wickeln Sie die Konstante des Knotens in ein panel und aktualisieren Sie, und die Kinder).

    Aktualisieren die Kinder, die ich geändert primefaces expandnode Methode:

    function loadNodes(tree, c) {
    var a = tree;
    if (tree.cfg.dynamic) {
        if (tree.cfg.cache && c.children(".ui-treenode-children").children().length > 0) {
            tree.showNodeChildren(c);
            return
        }
        if (c.data("processing")) {
            PrimeFaces.debug("Node is already being expanded, ignoring expand event.");
            return
        }
        c.data("processing", true);
        var b = {
            source: tree.id,
            process: tree.id,
            update: tree.id,
            formId: tree.cfg.formId
        };
        b.onsuccess = function (j) {
            var g = $(j.documentElement),
                h = g.find("update");
            for (var e = 0; e < h.length; e++) {
                var l = h.eq(e),
                    k = l.attr("id"),
                    f = l.text();
                if (k == a.id) {
                    c.children(".ui-treenode-children").html(f);
                    a.showNodeChildren(c)
                } else {
                    PrimeFaces.ajax.AjaxUtils.updateElement.call(tree, k, f)
                }
            }
            PrimeFaces.ajax.AjaxUtils.handleResponse.call(tree, g);
            return true
        };
        b.oncomplete = function () {
            c.removeData("processing")
        };
        b.params = [{
            name: tree.id + "_expandNode",
            value: a.getRowKey(c)
        }];
        if (tree.hasBehavior("expand")) {
            var d = tree.cfg.behaviors.expand;
            d.call(tree, c, b)
        } else {
            PrimeFaces.ajax.AjaxRequest(b)
        }
    } else {
        tree.showNodeChildren(c);
        tree.fireExpandEvent(c)
    }
}

    Ein Beispiel nennen könnte:

    loadNodes(tree, $('#j_idt62\\:tree\\:0'));

    Wo tree ist die WidgetVar der p:Baum

    Als Anmerkung: bezieht sich nicht auf Elemente, die durch Ihre generierte id (j_idt..).
    Es war nur für das Beispiel 🙂 bekomme ich die id über eine einzigartige Klasse: function findIDbySelector(selector) { return $(selector).first().attr('id'); }

    InformationsquelleAutor Nick Russler

Schreibe einen Kommentar