.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Win Surprise Gifts!!!

Top 5 Contributors of the Month
Gaurav Pal
Post New Web Links

preliminary 'is this possible' question - treeview - ajax

Posted By:      Posted Date: April 10, 2011    Points: 0   Category :ASP.Net


I'm thinking about ways to design my UI for an upcoming project. I would like to use a treeview (or treeview like) control to present a hierarchy down the left side of the page with content of selected node being displayed in the main page area.

important notes:

1. my hierarchy will need to be populated programmatically, including data from database queries.

2. When a node is selected from the hierarchy on the left, I want the content area to load without a full page postback. I would like the treeview to remain and use some type of progress animation in the content area while that data is retrieved.

I have not used the treeview control or any ajax before... but I'm assuming this should be possible.

1. Possible?

2. Doable? as in, this type of setup is a regularly implemented pattern?

3. would the ajax required to do this require the toolkit? or just basic updatePanel/updateProgress controls?

4. if this is doable, any suggestions, examples, links, etc.. on this pattern would be greatly appreciated.


View Complete Post

More Related Resource Links

JQuery Treeview plugin is not working with Ajax page load in ie8


Hi there,

I developed a page where i m using jquery treeview plugin to generate tree. It worked fine on FF, IE8 with out ajax.

But when my page loads thro' ajax call in IE8, it is not collapsing or expanding tree.

Any idea?

Thanks in advance.

Ajax Calendar Extender Question (about disable pass date)

HiI am wondering if it has anyway to disable the past day on the Ajax Calendar Control, previously, when we use CalendarExtender, we need to put a asp:Calendar and a textbox. we can use FindControl to find the calendar control and disable the past days.I am wondering is there anyway  could do the same stuff?Another question is how could I read the user selected date to the Date variable?Do i need to convert the date from the TargetControl ? E.g. Convert.ToDateTime(txt_DATE.text) ?Please let me know if you want me to explain more.Many thanksChi 

Question about the treeview in a updatepanel

 Hi,guys. I meet a question when i add a treeview in a updatepanel. I want that when I click the expand/collopse tag, it trigger the AsyncPostBackTrigger and the TreeNodeExpanded event, and when i select one node of this treeview, it trigger the PostBackTrigger and the SelectedNodeChanged event. In the SelectedNodeChanged event, I want to do "Response.Write". Now I program as the following: <asp:UpdatePanel ID="UpdatePanel1" runat="server">        <ContentTemplate>            <asp:TreeView ID="TreeView1" runat="server" OnTreeNodeExpanded="TreeView1_TreeNodeExpanded" OnSelectedNodeChanged = "TreeView1_SelectedNodeChanged">            </asp:TreeView>        </ContentTemplate>        <Triggers>        <asp:AsyncPostBackTrigger ControlID="TreeView1" EventName="TreeNodeExpanded" />        </Triggers>        </asp:UpdatePanel>   And: protected void TreeView1_SelectedNodeChanged(object sender, EventArgs e) { Reponse.Wri

AJAX Slider Question

I realized I incorrectly posted my code when I originally posted this query so I will try again.  I am trying to use a Slider Extender with the values 1.00 to 7.00.  The Slider works properly but I would like to add labels to the slider with the values 1 thru 7.  Any guidance would be greatly appreciated!<asp:TextBox ID="M5_slide" runat="server"></asp:TextBox> <asp:TextBox ID="M5_Bound" runat="server" Width="30"></asp:TextBox> <asp:SliderExtender ID="M5_SliderExtender" runat="server" Enabled="True" EnableHandleAnimation="true" Decimals="2" Maximum="7" Minimum="1" Orientation="Horizontal" TargetControlID="M5_Slide" BoundControlID="M5_Bound"> </asp:SliderExtender>

drag text from textbox to treeview using ajax



i have done a simple program tat enables drag and drop functionality in asp.net webforms..i hav implemented this using 2 tree views in my page...

but now i need some idea to how to drag the text from textbox to the tree nodes..

i hav searched net but can't get clear idea...is there any control in ajax which enables this feature..

plz help me



update panel woes... question for superstar AJAX gurus



This has got me completely confused... not sure if I've been at it too long and am missing something, or if this is a bug?

I have a webform with an AJAX update panel. In the panel there are 2 controls. One is a textbox, the other a listview.

I'm using the ClientScriptManager to take advantage of the "OnKeyUp" event to cause an autopostback.

When text is entered into the textbox, it runs the textchanged event, which puts data in the listview.

So far so good. All works fine with one exception.

Problem is that with IE8 the textbox loses focus on the SECOND text entry, even though it's specified in my code to focus on textbox after the textchanged event fires. And with Firefox, it doesn't cause the textchanged event to fire at all.

I don't get it??

Here's my code...

    Sub Page_load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load


        TextBox1.Attributes.Add("onKeyUp", Page.ClientScript.GetPostBackEventReference(TextBox1, ""))

    End Sub

    Sub TextBox1_TextChanged(ByVal sender As Object, ByVal e As EventArgs) Handles TextBox1.TextChanged

        Listbox1.Items.Add(New ListItem("ListboxItem", "ListboxValue"))

        TextBox1.Text = ""


Question about WSS SP1, Framework 3.5, AJAX-WebPart


We can't see any difference related to AJAX when installing the WSS SP1? No changes in _spFormOnSubmitWrapper()

in INIT.JS or in the body and form of default.master and application.master?


In addition to the code of http://msdn2.microsoft.com/en-us/library/bb861877.aspx we still need the following additional code to make AJAX-WebParts run properly:


Code Block

protected override void CreateChildControls() {






private void FixFormAction() {

if (this.P

question on passing variable to Ajax Extender Toolkit Slideshow


I need to create a slideshow that displays all the images in a folder that have filenames that match a specific criteria.  The criteria is based on a querystring.  Is there a way to get a the querystring into the slideshow's webservice?  If not, does anyone have any suggestions?  I've been looking and looking but everything I've seen has one or more things that I need that it can't do.

question on ajax toolkit slideshow extender's webservice


I need to set up the slide show based on a querystring parameter.  I thought I had this figured out, but I clearly don't understand something about how the webservice works. 

I have this in the .aspx page:

<asp:Button ID="btnPrev" runat="server" Text="Prev" />
    <asp:Button ID="btnPlay" runat="server" Text="Play" />
    <asp:Button ID="btnNext" runat="server" Text="Next" />
    <asp:Label ID="lblDesc" runat="server" />
    <cc1:SlideShowExtender ID="SlideShowExtender1" runat="server" BehaviorID="SSBehaviorID"

AJAX enabled WCF Service Question


From a pure html/javascript (jquery)/ajax client I need to access a WCF Service. For this reason I (probably) need to create an AJAX enable WCF Service.
Should I create an ASP.NET empty web application project and in this project add an AJAX enabled WCF Service or should I create an WCF Service Appication or WCF Service Library project and add in one of these projects my AJAX enabled WCF Service?



html/javascript (jQuery)/ajax patterns question


My presentation layer (UI) will consist of pure html (no webforms) javascript, jquery making calls to (Ajax enabled) WCF services. can I use MVC (in my presentation layer) in this context or not?


jquery with ajax and c# question


Hi all,

I am new to jquery and am writing code to check if a value in the database already exists.  My question is how should the page that I am calling be written?  Would It be better to call a webservice or something like that?

Here is the jquery:

$(function ()
        $('#<%=NewUsername.ClientID %>').blur(function ()

            if ($('#<%=NewUsername.ClientID %>').val().length == 0)
                alert("You have to have a username!");
                $('#<%=NewUsername.ClientID %>').focus();
                $.get('xml\checkusername.aspx', $('#<%=NewUsername.ClientID %>').val(), function (data)

so once again my question is how should the xml\checkusername.aspx page look in the Page_Load function. 


Question on HD Template and Treeview ItemTemplate



I have a Hierarchical Data Template that has an image in it. Something like:


 <HierarchicalDataTemplate ItemsSource="{Binding Path=DisplayItems}" DataType="{x:Type TypeA}" >
   <Grid Height="25">
     <ColumnDefinition Width="Auto

Microsoft AJAX CDN

Content delivery networks (CDNs) are composed of "edge cache" servers that are strategically placed around the world at key Internet network points. These "edge cache" servers can be used to cache and deliver all types of content - including images, videos, CSS and JavaScript files.

Using a CDN can significantly improve a website's end-user performance, since it enables browsers to more quickly retrieve and download content. For example, instead of having a browser request for an image traverse all the way across the Internet to your web server to download, a CDN can instead serve the request directly from a nearby "edge cache" server that might only be a single network hop away from your customer (making it return much faster - which makes your pages load quicker).

AJAX GridView Checkbox Select All in ASP.Net

In the previous article GridView Select Multiple Rows you learnt the multiple row selection in GridView control. Here you will get the C# code sample to select all the gridview rows using single checkbox server control. You can highlight the selected rows with different color and Font state Bold. If you want to use the selection values on different ASP.Net

AJAX GridView Paging and Sorting using C# in ASP.Net

To enable the GridView Paging and Sorting to update the GridView Data without refreshing the ASP.Net web page AJAX Extension controls are used. UpdatePanel is used to hold the GridView control that triggers the events for the controls placed inside it. By Default UpdatePanel triggers the asynchronous postbacks for its child controls.

GridView Paging Using Ajax in ASP.Net

To enable the GridView Paging and Sorting to update the GridView Data without refreshing the ASP.Net web page AJAX Extension controls are used. UpdatePanel is used to hold the GridView control that triggers the events for the controls placed inside it. By Default UpdatePanel triggers the asynchronous postbacks for its child controls.
ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  Silverlight  Others  All   

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend