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

Help with Ajax enabling a RadGrid

16 Answers 245 Views

Ajax

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

16 Answers, 1 is accepted

answered on 24 Feb 2009, 03:15 PM

Hi Mike,

A sample page with ajaxified grid should look like the below snippet:

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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">  
        
                    </asp:ScriptManager> 
        
                    <div>              
        
                        <asp:UpdatePanel ID="UpdatePanel1" runat="server">  
        
                            <ContentTemplate> 
        
                                <telerik:RadGrid ID="RadGrid1" runat="server">  
        
                                    <MasterTableView> 
        
                                        ....  
        
                                    </MasterTableView> 
        
                                </telerik:RadGrid> 
        
                            </ContentTemplate> 
        
                        </asp:UpdatePanel> 
        
                    </div> 
        
                </form> 
        
            </body> 
        
            </html>

What differs in your case?

Regards,
Iana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

answered on 27 Feb 2009, 03:20 AM

This probably better clarifies my problem better. It has to do with AJAX interoperability between Telerik and Dundas.     Dundas uses a "callback" method.   This works fine with the standard VisualStudio ASP.NET controls but not with the Telerik controls.

Here's what I posted to Dundas's forum

"Hi, Does anyone know of a work-around for trying to update controls from Telerik when performing an AJAX enabled chart scoll event?

Example:
protected void Chart1_ChartScroll(object sender, Dundas.Charting.WebControl.Chart.ChartScrollEventArgs e)
       {
           RadTextBox1.Text = "Updated!";
           Chart1.CallbackManager.UpdateClientControl(RadTextBox1);

       }

UpdateClientControl throws the following error:
Script control 'RadTextBox1' is not a registered script control. Script controls must be registered using RegisterScriptControl() before calling RegisterScriptDescriptors().

I'm not sure if this is a Telerik issue or Dundas but I'm hoping someone has seen this before and figured out a way around it.

Thanks "

I tried to resolve this by putting the Rad control in a standard Ajax UpdatePanel but no luck (same error).

answered on 06 Jun 2009, 06:08 AM

Hey Guys Is There Any Other Way to Trouble Shoot this.
I Too Have The Same Problem.
Here is My Sample Cide

private void rendergrid(RadGrid _grid)
    {




        using (StringWriter sw = new StringWriter())
        {
            HtmlTextWriter htw = new HtmlTextWriter(sw);

            _grid.RenderControl(htw);
            htw.Flush();
            returnValue = sw.ToString();
        }
    }

The Highlighted One Produced the Error For me Threw The Exception
As it Goes Like This:"Script control 'RadGrid1' is not a registered script control. Script controls must be registered using RegisterScriptControl() before calling RegisterScriptDescriptors().
Parameter name: scriptControl".

Plz also Help Me Guys
Thanks
Regards
N.Balaji

answered on 10 Jun 2009, 05:53 AM

Hi Guys i was going thru Rad grid Client insert,delete operations using ajax.
But while entering new record i cant find the grid getting replicated.
For Reference:
http://demos.telerik.com/aspnet-ajax/grid/examples/client/insertupdatedelete/defaultcs.aspx
For that i tried to insert my sample code in the web services which returned a sample int value.

Here is the Web service code.

[WebMethod]
    public int testservice( int employeeid)
    {
        int values = employeeid;
        return values;
    }

function rowSelected(sender, args) {
               //employeeID = args.getDataKeyValue("EmployeeID");
               debugger;
               employeeID = getDataItemKeyValue(sender, args.get_gridDataItem());

               currentRowIndex = args.get_gridDataItem().get_element().rowIndex;

               $find("RadTabStrip1").set_selectedIndex(0);

               var intval = ajaxservice.testservice(employeeID)
              But Here am Getting undefined value
               alert(intval);
//               ajaxservice.GetEmployeeByEmployeeID(employeeID, setValues)
           }

answered on 15 Jun 2009, 11:59 AM

clientsideoperations.zip

Hi balaji,

I prepared a runnable sample for you following the mentioned demo. Please try it on your end and let me know what differs in your case and if I missed something from your logic.

Best wishes,
Iana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

answered on 21 Sep 2010, 05:02 PM

Hi Iana,

may is ask you a favor. Could you help me to understand your example better?
(see also http://demos.telerik.com/aspnet-ajax/grid/examples/client/insertupdatedelete/defaultcs.aspx)

In both examples the aspx page has a javascript function updateChanges which calls the webservice:

function updateChanges() {

MyWebService.UpdateEmployeeByEmployee(getValues(), updateGrid);

}

As you can see two parameters [getValues() and updateGrid] are passed into the UpdateEmployeeByEmployee-Web-Method. But as far as i can tell the webservice-method has only 1 parameter (Employee):

public EmployeesList UpdateEmployeeByEmployee(Employee employee) {

Employee employeeToUpdate = GetEmployeeByEmployeeID(employee.EmployeeID);

EmployeesList empList =

(EmployeesList)HttpContext.Current.Session["MyData"];

// ... more stuff

HttpContext.Current.Session["MyData"] = empList ;

return empList;

}

I see (now) that the button SaveChanges fires the js-function updateChanges(). Which calls the Webservice.

But how does the js-function updateGrid(result) and the Webservice work together since the web method has only 1 parameter employee?

function updateGrid(result) {

var tableView = $find("#RadGrid1ClientID").get_masterTableView();

tableView.set_dataSource(result);

tableView.dataBind();

var grid = $find("#RadGrid1ClientID");

grid.repaint();

}

Where is the parameter result defined / filled?

I do understand most parts but do not understand the whole chain of commands / events.
Button SaveChanges triggers the js-function updateChanges which calls the webservice UpdateEmployeeByEmployee and passes 2 parameters (instead of 1).

But how is it possible that UpdateEmployeeByEmployee takes 2 arguments if the method in the asmx-file / the MyWebService.cs file has only 1 argument.

And what is the consequence of adding empList to HttpContext?
HttpContext.Current.Session["MyData"] = empList;

Since the WebMethod retunrs empList how does this get passed to the RadGrid1 and how does the grid get updated.

Best regards and thanks a lot
M.