Question

这是我的KendoUI树视图，我想在所有节点上添加'edit'图标然后给它一个url，twhich获取节点的id，然后转到编辑页面，

<script type="text/javascript">

  var  homogeneous = new kendo.data.HierarchicalDataSource({
        transport: {
            read: {
                type:'POST',
                url: rootURL + "Territory/AllTerritories",
                dataType: "json"
            }
        },
        schema: {
            model: {
                id: "ID",
                hasChildren: "HasChildren",
                children: homogeneous

            }
        }
    });

    $("#treeview").kendoTreeView({
        dataSource: homogeneous,
        dataTextField: "Name",
        dataValueField: "ID",


    });

</script>

我可以看到正在生成TreeView，请帮忙！

Answer 1

在您的代码中

这样的变化很少

<script type="text/javascript">

  var  homogeneous = new kendo.data.HierarchicalDataSource({
        transport: {
            read: {
                type:'POST',
                url: rootURL + "Territory/AllTerritories",
                dataType: "json"
            }
        },
        schema: {
            model: {
                id: "ID",
                hasChildren: "HasChildren",
                children: homogeneous,
                image :"url"

            }
        }
    });

    $("#treeview").kendoTreeView({
        dataSource: homogeneous,
        dataTextField: "Name",
        dataValueField: "ID",
        dataImageUrlField: "image"


    });

</script>

Answer 2

使用Kendo UI模板：

<script id="treeview-template" type="text/kendo-ui-template">
      <a class='show-link' href='\#'><image src="/imageUrl"></a>
</script>


$("#treeview").kendoTreeView({
    dataSource: homogeneous,
    dataTextField: "Name",
    dataValueField: "ID",

    template: kendo.template($("#treeview-template").html()
});

http://demos.telerik.com/kendo-ui/treeview/templates

如何在kendo ui treeview中添加图标链接

2 个答案: