首页 > 解决方案 > Telerik RadTreeView 控件的添加/编辑/删除按钮

问题描述

目前,我正在使用 RadTreeView Telerik 控件来显示分层数据以及每个节点的添加/编辑/删除功能。使用TreeView - Context Menu,已经实现,但我正在尝试实现它,如下所示:

在此处输入图像描述

它的工作方式如下: a) 当通过单击“+”图标展开节点时,“添加组”按钮在其最后一个子节点的底部可见。b) When a node is selected, "Edit" and "Delete" icons appear.

单击这些图标中的任何一个都会为相应的操作打开一个对话框。

所以,我需要用模拟中显示的显示替换上下文菜单。我尝试使用NodeTemplate,如下所示:

<NodeTemplate>
        <div>
            <span>Test</span>
        </div>
    </NodeTemplate>

但是,它将所有节点的文本设为“测试”。

有人可以帮我吗?

标签: asp.netteleriktreeviewradtreeview

解决方案


<script type="text/javascript">
    function OnClientContextMenuItemClicking(sender, args)
     {
        var menuItem = args.get_menuItem();
        var treeNode = args.get_node();
        menuItem.get_menu().hide();
        switch (menuItem.get_value())
         {
            case "edit":
                treeNode.startEdit();
                break;
         }
     }
</script>

希望这可以帮助,


推荐阅读