Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > ASP .Net > ASP .Net Web Controls > Treeview SelectedNodeStyle Problem

Reply
Thread Tools

Treeview SelectedNodeStyle Problem

 
 
Sunny
Guest
Posts: n/a
 
      07-03-2006
Hi,

In my application, I use treeview inside a frame so when a tree node is
clicked, it will direct to the main content only. I have set the
selectednodeStyle with BackColor="Yellow", but when I selected the
first node and then sleect another the back color is still yellow for
the former one. The OnSelectedNodeChange event is never get fired.
Below is my code excerpt:

In TreePane.aspx

<div>
<asp:TreeView ID="TreeView1" runat="server"
CollapseImageUrl="~/Images/treeMinus.gif"
ExpandImageUrl="~/Images/treePlus.gif" Font-Names="Arial"
Font-Size="8pt" ForeColor="Black"
OnSelectedNodeChanged="OnSelectedNodeChange">
<NodeStyle HorizontalPadding="10px" />
<SelectedNodeStyle BackColor="Yellow" />
<Nodes>
<asp:TreeNode ImageUrl="~/Images/test1.ico"
NavigateUrl="~/Management.aspx"
Target="maincontent" Text="Management" Value="1">
<asp:TreeNode NavigateUrl="~/Accounting.aspx"
Target="maincontent" Text="Accounting"
Value="3"></asp:TreeNode>
</asp:TreeNode>
<asp:TreeNode ImageUrl="~/Images/test2.ico"
NavigateUrl="~/Customer Services.aspx"
Target="maincontent" Text="Customer Services"
Value="2"></asp:TreeNode>
</Nodes>
</asp:TreeView>
</div>

On the default page.aspx:

<frameset frameborder="no" border="0" frameSpacing="0" frameBorder="0"
cols="220" MARGINWIDTH="0" MARGINHEIGHT="0" LEFTMARGIN="0"
TOPMARGIN="0">
<FRAMESET rows="30,*">
<FRAME id="toolbar" src="HeaderPane.aspx" name="tooobar">
<FRAMESET MARGINWIDTH="0" MARGINHEIGHT="0" LEFTMARGIN="0"
TOPMARGIN="0">
<FRAMESET cols="200,*" framespacing="0" frameborder="yes"
MARGINWIDTH="0" MARGINHEIGHT="0" LEFTMARGIN="0" TOPMARGIN="0">
<FRAME id="leftmenu" src="TreePane.aspx" name="leftmenu">
<frame id="maincontent" name="rightcontent" src="test1.aspx"
name="rightcontent">
</FRAMESET>
</FRAMESET>
</FRAMESET>
</frameset>


I would appreciate if anyone can help me with this problem.

Thanks in advance,

Sunny

 
Reply With Quote
 
 
 
 
Bhuvana
Guest
Posts: n/a
 
      07-04-2006
Hi Sunny,

The text of a node in the TreeView control can be in one of two modes:
selection mode or navigation mode.
When a node is in navigation mode, all selection events are disabled
for that node. Clicking the node in navigation mode directs the user to
the specified URL.

You have used the NavigateUrl for all the nodes, so only
OnSelectedNodeChanged is not getting fired.

Refer this link for more information:
http://msdn2.microsoft.com/en-us/lib....treenode.aspx

-Bhuvana
[http://www.syncfusion.com/faq/aspnet/default.aspx]

 
Reply With Quote
 
 
 
 
ValliM
Guest
Posts: n/a
 
      07-04-2006
Hi Sunny,

As per your coding once you click the TreeNode its NavigateUrl property is
executed , so that the OnSelectedNodeChange event is not getting fired. To
get rid of it you could set the property programmatically , so that one
TreeNode backcolor is alone changed.Remove the NavigationUrl property in the
design mode and try with the function,
protected void OnSelectedNodeChange(object sender, EventArgs e)

{

if (TreeView1.SelectedNode.Text == "Management")

{

TreeView1.SelectedNode.NavigateUrl="~/Management.aspx";

}

else if (TreeView1.SelectedNode.Text == "Accounting")

{

TreeView1.SelectedNode.NavigateUrl ="~/Accounting.aspx";

}

if (TreeView1.SelectedNode.Text == "Customer Services")

{

TreeView1.SelectedNode.NavigateUrl = "~/Customer Services.aspx";

}

}



Regards,

valli



"Sunny" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed) ups.com...
> Hi,
>
> In my application, I use treeview inside a frame so when a tree node is
> clicked, it will direct to the main content only. I have set the
> selectednodeStyle with BackColor="Yellow", but when I selected the
> first node and then sleect another the back color is still yellow for
> the former one. The OnSelectedNodeChange event is never get fired.
> Below is my code excerpt:
>
> In TreePane.aspx
>
> <div>
> <asp:TreeView ID="TreeView1" runat="server"
> CollapseImageUrl="~/Images/treeMinus.gif"
> ExpandImageUrl="~/Images/treePlus.gif" Font-Names="Arial"
> Font-Size="8pt" ForeColor="Black"
> OnSelectedNodeChanged="OnSelectedNodeChange">
> <NodeStyle HorizontalPadding="10px" />
> <SelectedNodeStyle BackColor="Yellow" />
> <Nodes>
> <asp:TreeNode ImageUrl="~/Images/test1.ico"
> NavigateUrl="~/Management.aspx"
> Target="maincontent" Text="Management" Value="1">
> <asp:TreeNode NavigateUrl="~/Accounting.aspx"
> Target="maincontent" Text="Accounting"
> Value="3"></asp:TreeNode>
> </asp:TreeNode>
> <asp:TreeNode ImageUrl="~/Images/test2.ico"
> NavigateUrl="~/Customer Services.aspx"
> Target="maincontent" Text="Customer Services"
> Value="2"></asp:TreeNode>
> </Nodes>
> </asp:TreeView>
> </div>
>
> On the default page.aspx:
>
> <frameset frameborder="no" border="0" frameSpacing="0" frameBorder="0"
> cols="220" MARGINWIDTH="0" MARGINHEIGHT="0" LEFTMARGIN="0"
> TOPMARGIN="0">
> <FRAMESET rows="30,*">
> <FRAME id="toolbar" src="HeaderPane.aspx" name="tooobar">
> <FRAMESET MARGINWIDTH="0" MARGINHEIGHT="0" LEFTMARGIN="0"
> TOPMARGIN="0">
> <FRAMESET cols="200,*" framespacing="0" frameborder="yes"
> MARGINWIDTH="0" MARGINHEIGHT="0" LEFTMARGIN="0" TOPMARGIN="0">
> <FRAME id="leftmenu" src="TreePane.aspx" name="leftmenu">
> <frame id="maincontent" name="rightcontent" src="test1.aspx"
> name="rightcontent">
> </FRAMESET>
> </FRAMESET>
> </FRAMESET>
> </frameset>
>
>
> I would appreciate if anyone can help me with this problem.
>
> Thanks in advance,
>
> Sunny
>



 
Reply With Quote
 
Sunny
Guest
Posts: n/a
 
      07-05-2006
Hi Valli,

Thank you for your reply. I tested out the change you suggested but I
still have difficulty getting the highlight to highlight just the
currently selected node. At present if I set the background color in
the stylesheet, the highlight will not disappear when I select the new
node. I want to have only the currentl7y selected node highlight
(having the background color in yellow). Do you have any suggestion on
how I should approach this problem?

Sunny



ValliM wrote:
> Hi Sunny,
>
> As per your coding once you click the TreeNode its NavigateUrl property is
> executed , so that the OnSelectedNodeChange event is not getting fired. To
> get rid of it you could set the property programmatically , so that one
> TreeNode backcolor is alone changed.Remove the NavigationUrl property in the
> design mode and try with the function,
> protected void OnSelectedNodeChange(object sender, EventArgs e)
>
> {
>
> if (TreeView1.SelectedNode.Text == "Management")
>
> {
>
> TreeView1.SelectedNode.NavigateUrl="~/Management.aspx";
>
> }
>
> else if (TreeView1.SelectedNode.Text == "Accounting")
>
> {
>
> TreeView1.SelectedNode.NavigateUrl ="~/Accounting.aspx";
>
> }
>
> if (TreeView1.SelectedNode.Text == "Customer Services")
>
> {
>
> TreeView1.SelectedNode.NavigateUrl = "~/Customer Services.aspx";
>
> }
>
> }
>
>
>
> Regards,
>
> valli
>
>
>
> "Sunny" <(E-Mail Removed)> wrote in message
> news:(E-Mail Removed) ups.com...
> > Hi,
> >
> > In my application, I use treeview inside a frame so when a tree node is
> > clicked, it will direct to the main content only. I have set the
> > selectednodeStyle with BackColor="Yellow", but when I selected the
> > first node and then sleect another the back color is still yellow for
> > the former one. The OnSelectedNodeChange event is never get fired.
> > Below is my code excerpt:
> >
> > In TreePane.aspx
> >
> > <div>
> > <asp:TreeView ID="TreeView1" runat="server"
> > CollapseImageUrl="~/Images/treeMinus.gif"
> > ExpandImageUrl="~/Images/treePlus.gif" Font-Names="Arial"
> > Font-Size="8pt" ForeColor="Black"
> > OnSelectedNodeChanged="OnSelectedNodeChange">
> > <NodeStyle HorizontalPadding="10px" />
> > <SelectedNodeStyle BackColor="Yellow" />
> > <Nodes>
> > <asp:TreeNode ImageUrl="~/Images/test1.ico"
> > NavigateUrl="~/Management.aspx"
> > Target="maincontent" Text="Management" Value="1">
> > <asp:TreeNode NavigateUrl="~/Accounting.aspx"
> > Target="maincontent" Text="Accounting"
> > Value="3"></asp:TreeNode>
> > </asp:TreeNode>
> > <asp:TreeNode ImageUrl="~/Images/test2.ico"
> > NavigateUrl="~/Customer Services.aspx"
> > Target="maincontent" Text="Customer Services"
> > Value="2"></asp:TreeNode>
> > </Nodes>
> > </asp:TreeView>
> > </div>
> >
> > On the default page.aspx:
> >
> > <frameset frameborder="no" border="0" frameSpacing="0" frameBorder="0"
> > cols="220" MARGINWIDTH="0" MARGINHEIGHT="0" LEFTMARGIN="0"
> > TOPMARGIN="0">
> > <FRAMESET rows="30,*">
> > <FRAME id="toolbar" src="HeaderPane.aspx" name="tooobar">
> > <FRAMESET MARGINWIDTH="0" MARGINHEIGHT="0" LEFTMARGIN="0"
> > TOPMARGIN="0">
> > <FRAMESET cols="200,*" framespacing="0" frameborder="yes"
> > MARGINWIDTH="0" MARGINHEIGHT="0" LEFTMARGIN="0" TOPMARGIN="0">
> > <FRAME id="leftmenu" src="TreePane.aspx" name="leftmenu">
> > <frame id="maincontent" name="rightcontent" src="test1.aspx"
> > name="rightcontent">
> > </FRAMESET>
> > </FRAMESET>
> > </FRAMESET>
> > </frameset>
> >
> >
> > I would appreciate if anyone can help me with this problem.
> >
> > Thanks in advance,
> >
> > Sunny
> >


 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
ASP.NET Treeview selectedNodeStyle =?Utf-8?B?Y3lyaWVsMTkyMEBub3NwYW0ubm9zcGFt?= ASP .Net 7 05-29-2007 08:31 PM
ASP.NET 2.0 Treeview SelectedNodeStyle Problem sunny076@yahoo.com ASP .Net 0 07-03-2006 06:24 PM
SelectedNodeStyle.ImgURL bug? =?Utf-8?B?SmFtZXMgSmVmZmVyaWVz?= ASP .Net 1 05-26-2006 04:01 PM
Treeview SelectedNodeStyle ImgURL doesn't work? AcuZod ASP .Net 0 04-24-2006 03:27 PM
TreeView.SelectedNodeStyle.ImageUrl useless? Michael ASP .Net 0 02-17-2006 01:22 PM



Advertisments