TreeView Control query.

Question

5.00/5 (1 vote)

See more:

Basically I am trying to create a Treeview function that highlights a node based off a value I give it.

The page loads data from a session and if that session isnt empty it loads the NodeID from the session and highlights it. If the session is empty its the first use so it waits for an input to set it using the function below

The onClick function that first sets the NodeID here, which is put into a session by another function:

C#

protected void TreeView1_SelectedNodeChanged(object sender, EventArgs e)
{    

TreeView1.SelectedNodeStyle.BackColor = System.Drawing.Color.LightGreen;
dbSession.NodeID = Convert.ToInt32(TreeView1.SelectedNode.Value.ToString());
           
}

and I have to keep my treeview control close to this, as the treeview is generated by looking into a database table and gets the order out ( I already have this set up)

XML

<asp:TreeView ID="TreeView1" runat="server" onselectednodechanged="TreeView1_SelectedNodeChanged" Font-Size="Large" Height="272px" Width="269px">

The function I need advise on would take the NodeID and select the Treeview Control node from that number and highlight it.

Any advise on how this is done? I've been unsuccessful in finding any information on "Selecting a node from an ID Variable" instead of on click then highlighting that node

Posted 2-Sep-11 2:33am

Phoenix234

Updated 5-Sep-11 23:00pm

v2

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Rupesh Kumar Tiwari · Accepted Answer · 2011-09-02T05:58:00

Hi you can store the value instead of searching for id of the selected node in session and select/highlight the node based on the value stored in session.

Please see below code: tree view HTML

HTML

<div>
       <asp:treeview id="Treeview1" runat="server" xmlns:asp="#unknown">
           <nodes>
               <asp:treenode text="Type">
                   <asp:treenode value="IN" text="Inpatient"></asp:treenode>
                   <asp:treenode text="Outpatient"></asp:treenode>
               </asp:treenode>
           </nodes>
       </asp:treeview>
   </div>

See below code behind. I have stored one value in session and in page load i am iterating through the tree and finding out the node having the same value and then making that one selected.

C#

protected void Page_Load(object sender, EventArgs e)
    {
        Session["selValue"] = "IN";
        TreeNodeCollection col =  Treeview1.Nodes;
        highlightNode(col);
    }

    private void highlightNode(TreeNodeCollection col)
    {
        foreach (TreeNode node in col)
        {
            if (node.ChildNodes.Count > 0)
            {
                highlightNode(node.ChildNodes);
            }
            if (node.Value.Trim().ToUpper() == Session["selValue"].ToString().Trim().ToUpper())
            {
                node.Selected = true;
                node.Expanded = true;
                break;
            }
        }
    }

See the below javascript code in order to highlight the selected node.

JavaScript

var HighlightSelectedRow = function ( ){
  var selId = $("[ID$=_SelectedNode]").val(); 
  $("a#"+selId).css("backgroundColor","Yellow");
}
$(function ( ){
  HighlightSelectedRow();
})

You can put this javascript code at the end of your html page.
Change the color from Yellow to something that you want.

Hope it helped.