How to pop up different text base on the selected TreeNode?

[vincent90152900]

How to pop up different text base on the selected TreeNode?
I want to pop up different Text base on the selected TreeNode of the TreeView component. So, I create a TreeView and a ModalPopupExten der. Following is my codes.

        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <asp:TreeView ID="TreeView1" runat="server" OnSelectedNodeChanged="TreeView1_SelectedNodeChanged">
            <Nodes>
                <asp:TreeNode Text="New Node" Value="New Node"></asp:TreeNode>
                <asp:TreeNode Text="New Node" Value="New Node"></asp:TreeNode>
            </Nodes>
        </asp:TreeView>
        <cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="TreeView1"
            PopupControlID="Panel1">
        </cc1:ModalPopupExtender>
        <asp:Panel ID="Panel1" runat="server" Height="50px" Width="125px">
            <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label></asp:Panel>
 

When I click the TreeView component, the panel is pop up, but the text of label in the panel is not change. Does anyone know why, and how to solve this problem?

[JamieHowarth0]

Hi vincent,

This questions belongs in the .NET Forum as per the "sticky" note at the top of this forum - this particular forum is for "classic" ASP questions.

medicineworker

[nateraaaa]

How to pop up different text base on the selected TreeNode?
I want to pop up different Text base on the selected TreeNode of the TreeView component. So, I create a TreeView and a ModalPopupExten der. Following is my codes.

        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <asp:TreeView ID="TreeView1" runat="server" OnSelectedNodeChanged="TreeView1_SelectedNodeChanged">
            <Nodes>
                <asp:TreeNode Text="New Node" Value="New Node"></asp:TreeNode>
                <asp:TreeNode Text="New Node" Value="New Node"></asp:TreeNode>
            </Nodes>
        </asp:TreeView>
        <cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="TreeView1"
            PopupControlID="Panel1">
        </cc1:ModalPopupExtender>
        <asp:Panel ID="Panel1" runat="server" Height="50px" Width="125px">
            <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label></asp:Panel>
 

When I click the TreeView component, the panel is pop up, but the text of label in the panel is not change. Does anyone know why, and how to solve this problem?

Do you change the text of the label in the code behind?

Nathan

[vincent90152900]

Do you change the text of the label in the code behind?

Nathan

I am sorry to forget to post the c# codes. Here is my codes.

Default.aspx.cs

protected void TreeView1_SelectedNodeChanged(object sender, EventArgs e)
{
   this.Label1.Text = this.TreeView1.SelectedNode.Value.ToString();
}

Default.aspx
[HTML]
<asp:ScriptMana ger ID="ScriptManag er1" runat="server">
</asp:ScriptManag er>
<asp:TreeView ID="TreeView1" runat="server" OnSelectedNodeC hanged="TreeVie w1_SelectedNode Changed">
<Nodes>
<asp:TreeNode Text="New Node" Value="New Node"></asp:TreeNode>
<asp:TreeNode Text="New Node" Value="New Node"></asp:TreeNode>
</Nodes>
</asp:TreeView>
<cc1:ModalPopup Extender ID="ModalPopupE xtender1" runat="server" TargetControlID ="TreeView1"
PopupControlID= "Panel1">
</cc1:ModalPopupE xtender>
<asp:Panel ID="Panel1" runat="server" Height="50px" Width="125px">
&nbsp;
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label></asp:Panel>
[/HTML]

[vincent90152900]

Hi vincent,

This questions belongs in the .NET Forum as per the "sticky" note at the top of this forum - this particular forum is for "classic" ASP questions.

medicineworker

I am sorry for misunderstandin g the forum topic.
Sorry for made you unconvinced.

[vanc]

I am sorry to forget to post the c# codes. Here is my codes.

Default.aspx.cs

protected void TreeView1_SelectedNodeChanged(object sender, EventArgs e)
{
   this.Label1.Text = this.TreeView1.SelectedNode.Value.ToString();
}

Default.aspx
[HTML]
<asp:ScriptMana ger ID="ScriptManag er1" runat="server">
</asp:ScriptManag er>
<asp:TreeView ID="TreeView1" runat="server" OnSelectedNodeC hanged="TreeVie w1_SelectedNode Changed">
<Nodes>
<asp:TreeNode Text="New Node" Value="New Node"></asp:TreeNode>
<asp:TreeNode Text="New Node" Value="New Node"></asp:TreeNode>
</Nodes>
</asp:TreeView>
<cc1:ModalPopup Extender ID="ModalPopupE xtender1" runat="server" TargetControlID ="TreeView1"
PopupControlID= "Panel1">
</cc1:ModalPopupE xtender>
<asp:Panel ID="Panel1" runat="server" Height="50px" Width="125px">
&nbsp;
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label></asp:Panel>
[/HTML]

What do you mean not change? "New Node" --> "New Node" or Label1 x-> "New Node" :D, have you refreshed your page?

cheers.

[Shashi Sadasivan]

After you click the tree node...you would see the text as label1

When you click on another node, you should see the labels text set to the previous noce you had clicked.

Which clearly means that you will have to refresh the page!! ..or unless you set the text of the label in the panel using javascript

[vincent90152900]

What do you mean not change? "New Node" --> "New Node" or Label1 x-> "New Node" :D, have you refreshed your page?

cheers.

I want to change the Text property like following.

this.Label1.Tex t = this.TreeView1. SelectedNode.Va lue.ToString();

I wish it will need not to refresh the page.
Can this is possible?
Thank you for replying.

[vincent90152900]

After you click the tree node...you would see the text as label1

When you click on another node, you should see the labels text set to the previous noce you had clicked.

Which clearly means that you will have to refresh the page!! ..or unless you set the text of the label in the panel using javascript

I see.
Thank you for replying.

[vincent90152900]

I just find a solution here. Following is my codes.

Default.aspx
[HTML] <asp:ScriptMana ger ID="ScriptManag er1" runat="server" />
<asp:UpdatePane l ID="UpdatePanel 1" runat="server" UpdateMode="Con ditional">
<ContentTemplat e>
<asp:TreeView ID="TreeView1" runat="server" OnSelectedNodeC hanged="TreeVie w1_SelectedNode Changed">
<Nodes>
<asp:TreeNode Text="01" Value="01"></asp:TreeNode>
<asp:TreeNode Text="02" Value="02"></asp:TreeNode>
<asp:TreeNode Text="03" Value="03"></asp:TreeNode>
</Nodes>
</asp:TreeView>
<asp:Button ID="Button1" runat="server" Text="Button" Style="display: none" />
<cc1:ModalPopup Extender ID="ModalPopupE xtender1" runat="server" TargetControlID ="Button1"
PopupControlID= "Panel1">
</cc1:ModalPopupE xtender>
<asp:Panel ID="Panel1" runat="server" Height="50px" Width="125px" Style="display: none;">
&nbsp;<asp:Tree View ID="TreeView2" runat="server" OnSelectedNodeC hanged="TreeVie w2_SelectedNode Changed">
</asp:TreeView>
<asp:Button ID="Button2" runat="server" Text="Button" Style="display: none" /></asp:Panel>
</ContentTemplate >
</asp:UpdatePanel >[/HTML]

Default.aspx.cs

        protected void TreeView1_SelectedNodeChanged(object sender, EventArgs e)
        {
            TreeNode treeNode = new TreeNode();
            treeNode.Text = this.TreeView1.SelectedNode.Value.ToString();
            this.TreeView2.Nodes.Add(treeNode);
            this.UpdatePanel1.Update();
            this.ModalPopupExtender1.Show();
        }
 
        protected void TreeView2_SelectedNodeChanged(object sender, EventArgs e)
        {
            this.ModalPopupExtender1.Hide();
        }