This is a migrated thread and some comments may be shown as answers.

Need Suggestion for AJAX Approach

5 Answers 35 Views

Ajax

This is a migrated thread and some comments may be shown as answers.

Rob asked on 14 Sep 2009, 08:01 PM

I have a MasterPage/ContentPage scenario. I have 3 RadComboboxes on the content page that call a webservice to get populated. The RadAjaxManager is on the Master page. I have a RadAjaxManagerProxy on the content page. I have the RadAjaxManagerProxy configured so that each RadCombobox updates itself and there is no postback if the selected index changes. This works just fine. If the first RadCombobox's selected index changes, I want to also Ajaxify a ASP.Net Gridview server control without causing a postback. This is basic data filtering functionality. I think I need to use a RadAjaxPanel around the Gridview, but I'm not quite sure how to link RadCombobox to update the Gridview or if I can use all these RadAjax controls on the same page. So here I am looking for suggestions.

Thanks,
Rob

5 Answers, 1 is accepted

answered on 15 Sep 2009, 07:48 AM

Hello Dudeman,

I think that the approach presented on the integration demo linked below is applicable for your situation as well:

http://demos.telerik.com/aspnet-ajax/controls/examples/integration/gridcomboajax/defaultcs.aspx?product=grid

The difference in your master/content page scenario is that you will need to ajaxify the combo and the grid via the RadAjaxManagerProxy control. In case you prefer programmatic approach, you need to intercept the SelectedIndexChanged event of the combobox and filter the grid records there.

Best regards,
Sebastian
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

answered on 18 Sep 2009, 03:03 PM

I think I'm following what you're saying, but not getting the desired results, so I've decided to make my example even simpler. I created a page with a RadComboBox that has AutoPostback="True" and 3 items. When an item is selected, a Button server control gets its text changed to the text of the selected item. I do not want a full page postback, just ajaxify the text change of the button and that's it. I'm getting a full page postback. Here's the code for my simple example:

    
            <%@ Page Language="VB" AutoEventWireup="true" CodeFile="Default.aspx.vb" Inherits="_Default" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml">  
        
            <head runat="server">  
        
                <title>Untitled Page</title> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                    <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
        
                    <div> 
        
                        <telerik:RadComboBox ID="cb" runat="server" AutoPostBack="True">  
        
                            <Items> 
        
                                <telerik:RadComboBoxItem Text="" Selected="true" /> 
        
                                <telerik:RadComboBoxItem Text="Item1" /> 
        
                                <telerik:RadComboBoxItem Text="Item2" /> 
        
                            </Items> 
        
                        </telerik:RadComboBox> 
        
                    </div> 
        
                    <br /> 
        
                    <br /> 
        
                    <br /> 
        
                    <br /> 
        
                    <br /> 
        
                    <asp:Button ID="btn" runat="server" Text="Button" /> 
        
                    <telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">  
        
                        <AjaxSettings> 
        
                            <telerik:AjaxSetting AjaxControlID="cb">  
        
                                <UpdatedControls> 
        
                                    <telerik:AjaxUpdatedControl ControlID="btn" /> 
        
                                </UpdatedControls> 
        
                            </telerik:AjaxSetting> 
        
                        </AjaxSettings> 
        
                    </telerik:RadAjaxManagerProxy> 
        
                </form> 
        
            </body> 
        
            </html>

    
            Partial Class _Default  
        
                Inherits System.Web.UI.Page  
        
                Protected Sub cb_SelectedIndexChanged(ByVal o As Object, ByVal e As Telerik.Web.UI.RadComboBoxSelectedIndexChangedEventArgs) Handles cb.SelectedIndexChanged  
        
                    btn.Text = cb.Text  
        
                End Sub 
        
            End Class

Obviously, I've missed something.

Accepted

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Need Suggestion for AJAX Approach

5 Answers, 1 is accepted