如何将图像添加到RadTreeNode

Question

嘿， 我正在努力基于菜单项的 onClicked 事件动态构建树视图。

function onClicked(sender, eventArgs) {
 var treeView = $find("<%= RadTreeView1.ClientID %>");
 var selectedNode = treeView.get_selectedNode();        
 var node = new Telerik.Web.UI.RadTreeNode(); 
 var parent = treeView.get_selectedNode();
 node.Image= "~/Images/Folder-Add-icon.png";
 parent.get_nodes().add(node);
 treeView.commitChanges();
}

但是，问题是当我尝试添加节点时没有获得节点旁边的图像，有什么问题吗？

Answer 1

我认为您在构建新节点之前不小心跳过了执行树视图的 trackChanges() 方法，即

    function onClicked(sender, eventArgs) {
     var treeView = $find("<%= RadTreeView1.ClientID %>");
     treeView.trackChanges();       
     var node = new Telerik.Web.UI.RadTreeNode(); 
     var parent = treeView.get_selectedNode();
     node.Image= "~/Images/Folder-Add-icon.png";
     parent.get_nodes().add(node);
     treeView.commitChanges();
}

Answer 2

请使用 set_imageUrl() 方法：

var node = new Telerik.Web.UI.RadTreeNode();
node.set_imageUrl("/Images/Folder-Add-icon.png");

以下是 Telerik.Web.UI.RadTreeNode 对象方法的一些精彩示例：

http://www.telerik.com/help/aspnet-ajax/treeview-client-objects-radtreenode.html