Die Kendo-UI-Treeview Hinzufügen/Entfernen von Knoten

Ich habe einen Kendo-UI-Treeview mit einer externen json-Datei als Hierarchische Datenquelle an eine html-Seite.

Möchte ich hinzufügen und entfernen von Knoten aus dem treeview-und ich folgte die demo auf der Kendo-Seite, aber ich bekomme eine

TypeError: c.replace is not a function auf jquery.min.js:2 auf Web-Konsole für das entfernen

und ein

HierarchyRequestError: Node cannot be inserted at the specified point in the hierarchy auf jquery.min.js:2 auf Web-Konsole für den Anhängen..

Mein code ist:

$(document).ready(function() {
            $.getJSON("OnTheSpotDATA/" + parent.accountID + "/" + parent.username + "/" + "tree.json", function (data) {
                var treeview = $("#treeview").kendoTreeView({
                    dragAndDrop: true,
                    dataSource: kendo.observableHierarchy(data)
                });
                $(".k-treeview").data("kendoTreeView").bind("dragstart", function(e) {
                    if (e.sourceNode.childNodes.length > 1) {
                        e.preventDefault();
                    }
                });
                $("#removeNode").click(function() {
                    var selectedNode = treeview.select();

                    treeview.remove(selectedNode);
                });
                $("#appendNodeToSelected").click(function() {
                    var selectedNode = treeview.select();

                    if (selectedNode.length == 0) {
                        selectedNode = null;
                    }

                    var nodeText=prompt("Please enter desired Node name","Default");

                    if (nodeText == null) {
                        return;
                    }

                    treeview.append({
                        text: nodeText
                    }, selectedNode);
                });
            })

Was mache ich falsch? Irgendeine Möglichkeit dieses Problem zu beheben?Ich nehme an, es sollte funktionieren..

InformationsquelleAutor CipherDarkness | 2012-11-13
  1. 3

    Haben Sie vergessen, einschließlich data("kendoTreeView") im treeview.select() es Lesen sollte: treeview.data("kendoTreeView").select()

    Auch eine Frage, um den code (Stil). Mach ich lieber zu definieren, die das treeview-bereits inklusive data("kendoTreeView") und auch die Ereignisse. So etwas wie:

    var treeview = $("#treeview").kendoTreeView({
    dragAndDrop:true,
    dataSource :kendo.observableHierarchy(data),
    dragstart  :function (e) {
        if (e.sourceNode.childNodes.length > 1) {
            e.preventDefault();
        }
    }
}).data("kendoTreeView");
    • In der Tat, einschließlich der Veranstaltungen ist besser und besser lesbar,ich werde versuchen deine Ratschläge befolgen.Thx
    InformationsquelleAutor OnaBai
Schreibe einen Kommentar