2016-12-01 83 views
0

林實施一些組織結構圖,即時通訊新的MVC和劍道.. 如何實現的onclick事件thekendo樹視圖在劍道樹視圖節點onclick事件,MVC

Html.Kendo().TreeView() 
       .Name("TreeViewTemplateBiding")       
       .TemplateId("TreeViewTemplate")        
         .BindTo((IEnumerable<OrgChart.Models.NodeViewModel>)ViewBag.Tree, (Kendo.Mvc.UI.Fluent.NavigationBindingFactory<TreeViewItem> mappings) => 
          { 
           mappings.For<OrgChart.Models.NodeViewModel>(binding => binding.ItemDataBound((item, node) => 
           { 
            item.Id = node.Id; 
            item.Text = node.Title; 
            //item.Expanded = node.Expanded; 
           }) 
         .Children(node => node.Children)); 
          })        
    ) 

回答

0

沒有「點擊」事件爲劍道樹,但有'選擇'事件,而不是'點擊'。您可以創建事件處理程序是這樣的:

Html.Kendo().TreeView() 
      .Name("TreeViewTemplateBiding")       
      .TemplateId("TreeViewTemplate")        
        .BindTo((IEnumerable<OrgChart.Models.NodeViewModel>)ViewBag.Tree, (Kendo.Mvc.UI.Fluent.NavigationBindingFactory<TreeViewItem> mappings) => 
         { 
          mappings.For<OrgChart.Models.NodeViewModel>(binding => binding.ItemDataBound((item, node) => 
          { 
           item.Id = node.Id; 
           item.Text = node.Title; 
           //item.Expanded = node.Expanded; 
          }) 
        .Children(node => node.Children)); 
         }) 
      .Events(e => e 
      .Select("onSelect") 
      )    
    ) 

而且對腳本,您可以撥打:

function onSelect(e){ 
    kendoConsole.log("Selecting: " + this.text(e.node)); 
} 

有演示更多的TreeView事件:http://demos.telerik.com/aspnet-mvc/treeview/events

+0

感謝ü這工作得很好,但我需要選擇item.id值...你可以幫我解決這個問題 – Bharath