Блог

Вот мой вид дерева KendoUI, я хочу добавить значок «редактировать» ко всем узлам, а затем указать ему URL-адрес, который принимает идентификатор узла и переходит на страницу редактирования,

 <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, пожалуйста, помогите!

в вашем коде небольшие изменения, подобные этому

 <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> 

Для этого используйте шаблон 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