Question

我有以下cshtml代码。我想在按钮点击上添加或删除节点。任何人都可以指导我吗？

@(Html.Kendo().TreeView()
        .Name("treeview-left")
        .DragAndDrop(true)
        .Items(treeview =>
        {
            treeview.Add().Text("Furniture")
                .Expanded(true)
                .Items(furniture =>
                {
                    furniture.Add().Text("Tables & Chairs");
                    furniture.Add().Text("Sofas");
                    furniture.Add().Text("Occasional Furniture");
                });
        })
    )

 @(Html.Kendo().Button()
        .Name("add")
        .HtmlAttributes(new { type = "button", @class = "k-primary" })
        .Content("Add"))

    @(Html.Kendo().Button()
        .Name("remove")
        .HtmlAttributes(new { type = "button", @class = "k-primary" })
        .Content("Remove"))

Answer 1

为此，您需要使用客户端java脚本。

用于删除节点

$("#removeNode").click(function () {
        var selectedNode = treeview.select();

        treeview.remove(selectedNode);
    });

用于添加节点

var append = handleTextBox(function (e) {
        var selectedNode = treeview.select();

        // passing a falsy value as the second append() parameter
        // will append the new node to the root group
        if (selectedNode.length == 0) {
            selectedNode = null;
        }

        treeview.append({
            text: $("#appendNodeText").val()
        }, selectedNode);
    });

    $("#appendNodeToSelected").click(append);

代码来自http://demos.telerik.com/aspnet-mvc/treeview/api

按钮上的添加/删除节点单击Kendo UI Treeview

1 个答案: