Master Pages, Themes and Navigation Controls

Re: Asp.Net 2.0 Treeview - How to AutoPostback when a TreeNode's checkbox gets checked?

lidiyajoseph — Thu, 26 Nov 2009 07:25:28 GMT

Thanks a lot

Re: Asp.Net 2.0 Treeview - How to AutoPostback when a TreeNode's checkbox gets checked?

sudhi345 — Thu, 25 Jun 2009 10:38:57 GMT

buttonCheck.Attributes.CssStyle["visibility"] = "hidden"; TreeViewMenu.Attributes.Add("onclick", string.Format("document.getElementById('{0}').click();", buttonCheck.ClientID));

Need an equivalent code in VB.NET

Thanks in advance

Re: Asp.Net 2.0 Treeview - How to AutoPostback when a TreeNode's checkbox gets checked?

Omkar Lale — Sat, 01 Sep 2007 12:31:33 GMT

Hi amanda and patrick,

Thanks a lot

I was facing this same problem of treeview.

I had tried out with what you both had suggested. And its working perfectly fine.

I am now using the code that patric had suggested since it doesn't not flash the page due to ajax.

Thanks again

Omkar

Re: Asp.Net 2.0 Treeview - How to AutoPostback when a TreeNode's checkbox gets checked?

abcpaem — Fri, 24 Aug 2007 16:16:31 GMT

Hi again,

After doing what Amanda suggested, the next step was to wrap my TreeView control with an Ajax UpdatePanel in order to do Asynchronous postbacks and refresh only the Treview control, it was then when I realized that with Ajax I didn't need the Amanda's postBackByObject approach anymore, I just attached a trigger from the UpdatePanel to a hidden button and that's it!, the button will do the Postback. See the code below:

<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">                        
    <ContentTemplate>
         <asp:TreeView ID="TreeViewMenu" runat="server" DataSourceID="XmlDataSourceMenu" ShowCheckBoxes="All" BorderWidth="3px" BorderColor="White" NodeStyle-ForeColor="#5982A2" OnTreeNodeDataBound="TreeViewMenu_TreeNodeDataBound" OnPreRender="TreeViewMenu_PreRender" OnTreeNodeCheckChanged="TreeViewMenu_TreeNodeCheckChanged">
                <DataBindings>                            
                     <asp:TreeNodeBinding DataMember="Menu" TextField="Name" Depth="0" SelectAction="None" ValueField="Id" />
                      <asp:TreeNodeBinding DataMember="Submenu" TextField="Name" Depth="1" SelectAction="None" ValueField="Id" />
                </DataBindings>
                <NodeStyle ForeColor="#5982A2" />
         </asp:TreeView>
         <asp:XmlDataSource ID="XmlDataSourceMenu" runat="server" DataFile="~/_resources/Menu.xml" XPath="//Menu" TransformFile="~/_resources/Menu.xslt">
         </asp:XmlDataSource>
   </ContentTemplate>
   <Triggers>
      <asp:AsyncPostBackTrigger ControlID="buttonCheck" EventName="click" />
   </Triggers>
</asp:UpdatePanel>

<asp:button ID="buttonCheck" runat="server" CausesValidation="false" />

and the code behind is:

buttonCheck.Attributes.CssStyle["visibility"] = "hidden";
TreeViewMenu.Attributes.Add("onclick", string.Format("document.getElementById('{0}').click();", buttonCheck.ClientID));

Of course there is no need to say that you must have an ScriptManager control for Ajax to work.

Patrick.

Re: Asp.Net 2.0 Treeview - How to AutoPostback when a TreeNode's checkbox gets checked?

abcpaem — Fri, 24 Aug 2007 08:54:54 GMT

Thank you, Amanda, for your post, I just would change two little things in order to make it compatible with other navigators (Firefox, etc..):

function postBackByObject(mEvent)
{
    var o;
    // Internet Explorer    
    if (mEvent.srcElement)
    {
        o = mEvent.srcElement;
    }
    // Netscape and Firefox
    else if (mEvent.target)
    {
        o = mEvent.target;
    }
    if (o.tagName == "INPUT" && o.type == "checkbox")
    {
       __doPostBack("","");
    } 
}

and add the event parameter to the fucntion call: onclick="javascript:postBackByObject(event)"

Thanks a lot!

Patrick.

Re: Asp.Net 2.0 Treeview - How to AutoPostback when a TreeNode's checkbox gets checked?

VinBrown — Thu, 19 Jul 2007 12:26:30 GMT

Amanda, you are awesome. I needed a quick solution to this problem and this worked great.

Re: Asp.Net 2.0 Treeview - How to AutoPostback when a TreeNode's checkbox gets checked?

jeny_p — Tue, 03 Jul 2007 12:18:00 GMT

Hi, I have the same problem but this code didn't work for me and I got the warning "Attribute onclick is not a valid attribute of element TreeView"

What might the problem be?

thanks

Re: Asp.Net 2.0 Treeview - How to AutoPostback when a TreeNode's checkbox gets checked?

yaoliu — Tue, 29 May 2007 17:06:21 GMT

Thanks a lot, Amanda, that will work.

Re: Asp.Net 2.0 Treeview - How to AutoPostback when a TreeNode's checkbox gets checked?

freeborn5 — Wed, 16 May 2007 18:31:38 GMT

Thanks So much I was stumped on this the javascript works like a charm

Re: Asp.Net 2.0 Treeview - How to AutoPostback when a TreeNode's checkbox gets checked?

Amanda Wang - MSFT — Mon, 14 May 2007 03:36:43 GMT

Hi,

In the treeView you can use the TreeNodeCheckChanged event for the checkbox click.

In the MSDN's TreeView.TreeNodeCheckChanged Event , you could get more inforamtion.

if you find the the treeview could not PostBack, I am afraid you should require javascript. Below is a simple example:

function postBackByObject()
{
    var o = window.event.srcElement;
    if (o.tagName == "INPUT" && o.type == "checkbox")
    {
       __doPostBack("","");
    }
}
    </script>

<asp:TreeView ID="TreeView1" EnableClientScript="true" onclick="javascript:postBackByObject()" runat="server" DataSourceID="SiteMapDataSource1" LineImagesFolder="~/TreeLineImages" ShowLines="True" OnTreeNodeDataBound="TreeView1_TreeNodeDataBound" OnTreeNodeCheckChanged="TreeView1_TreeNodeCheckChanged" ShowCheckBoxes="All">

Asp.Net 2.0 Treeview - How to AutoPostback when a TreeNode's checkbox gets checked?

yaoliu — Thu, 10 May 2007 20:03:22 GMT

My requirement is quite simple:

Show an organizational hierarchy in a treeview. for example, company -> department1, department2 etc, Every treenode has a checkbox displayed next to it.
Whenever the parent node is checked, all its child nodes will get checked as a result of it. I want to handle this event on the server side.

#1 is easy to do, but I can't figure out how to do #2 because there is no event gets fired for the checkbox click. Is there any way to fire this event to the server? Any help is greatly appreciated!!!