To Edit ASP.Net Treeview's selected node using Java Script

Introduction

This article will help to modify the text of the selected node of ASP.NET Tree View. I hope I can explain this in a simple manner so that people can easy to understand and implement it. I did this for my application and I could avoid the page post back.

Using the code

I have bound the Tree View like below:

TreeNode root = new TreeNode("School");

TreeNode teach = new TreeNode("Teachers");
TreeNode stud = new TreeNode("Students");

TreeNode teach1 = new TreeNode("Teacher1");
TreeNode teach2 = new TreeNode("Teacher2");
TreeNode teach3 = new TreeNode("Teacher3");

TreeNode stud1 = new TreeNode("Student1");
TreeNode stud2 = new TreeNode("Student2");
TreeNode stud3 = new TreeNode("Student3");
TreeNode stud4 = new TreeNode("Student4");

teach.ChildNodes.Add(teach1); teach.ChildNodes.Add(teach2);
teach.ChildNodes.Add(teach3);

stud.ChildNodes.Add(stud1); stud.ChildNodes.Add(stud2);
stud.ChildNodes.Add(stud3); stud.ChildNodes.Add(stud4);

root.ChildNodes.Add(teach); root.ChildNodes.Add(stud);

TreeView1.Nodes.Add(root);

		

And attach this java script event to the Treeview

this.TreeView1.Attributes.Add("oncontextmenu", "RightClick(event);");

Java script code:

function RightClick(event)
{
    var obj = event.srcElement || event.target ;
    var seltreeNode = obj; 
    alert(seltreeNode.innerHTML); //This will prompt selected Node Text
    seltreeNode.innerHTML = "Rajesh Babu"; //This will change the selected node text as “Rajesh Babu”
}

Happy Coding!

You must Sign In to use this message board.

FAQ    Noise Tolerance Very HighHighMediumLowVery Low   Layout Expand Posts & RepliesThread ViewNo JavascriptNo JS + Preview   Per page 102550

Msgs 1 to 3 of 3 (Total in Forum: 3) (Refresh) FirstPrevNext

Is it posible to Add a new node in javascript? maluche 9:25 11 Apr '08   ? Sign In·View Thread·PermaLink 1.60/5 (5 votes) Re: Is it posible to Add a new node in javascript? vinicius akira marotta 8:59 8 Jul '08   yes. Sign In·View Thread·PermaLink 2.25/5 (3 votes) Re: Is it posible to Add a new node in javascript? norhani 16:42 19 Nov '08   How can i add new node in javascript for asp.net treeview. thank you. Sign In·View Thread·PermaLink 2.00/5 (8 votes)

Last Visit: 6:31 9 Feb '10     Last Update: 6:31 9 Feb '10 1