これは、telerikmvcでツリーを作成するコードです。次に、選択したノード名を表示するポップアップを作成します。
Html.Telerik().TreeView()
.Name("ZebTree")
.ExpandAll(true)
.ClientEvents(events => events.OnSelect("TreeView_onSelect"))
.BindTo(Model , map =>
{
map.For<TreeViewBind.Models.Category>(bind => bind.ItemDataBound((item, category) => { item.Text = category.CategoryName; }).Children(category => category.Products));
map.For<TreeViewBind.Models.Product>(bind => bind.ItemDataBound((item, product) => { item.Text = product.ProductName;}));
}
)
これがjavascriptコードです。
function TreeView_onSelect(e)
{
var treeview = $(this).data('tTreeView');
alert("You select the node " + ...);
}