Kendo UI反应树视图向每个节点添加操作按钮

时间:2018-10-25 19:47:26

标签: reactjs kendo-ui kendo-treeview

我想在kendo ui树视图中的每个节点上添加下拉菜单中的操作按钮以做出反应。 https://www.telerik.com/kendo-react-ui/wrappers/treeview/

例如:

enter image description here

但是,我们要显示一个“ ...”,而不是一个删除图标,当用户单击这三个点时,将显示一个具有多个操作的下拉菜单(我不希望使用上下文菜单) (创建,更新,删除)。

在Kendo UI for jQuery中,可以使用模板(https://demos.telerik.com/kendo-ui/treeview/templates)来解决。我不知道如何通过反应来实现这一目标。我们非常感谢您的帮助。

谢谢!

1 个答案:

答案 0 :(得分:2)

相同的模板可以在React TreeView中使用:

TreeView:

<TreeView dataSource={this.dataSource} template={kendo.template($("#treeview-template").html())}/>

模板是HTML元素,必须放置在HTML文件中,例如index.html,例如:

    <script id="treeview-template" type="text/kendo-ui-template">
        #: item.text #
        # if (!item.items) { #
            <a class='k-icon k-i-close-outline' href='\#'></a>
        # } #
    </script>