Error "Microsoft JScript runtime error: Sys.ArgumentNullException: Value cannot be null. Parameter name: panelsCreated[3]". "

[Venkatesh]

Hi,
I am using Rad grid . The UI is as below:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" >
  <AjaxSettings>
    <telerik:AjaxSetting AjaxControlID="radgrid1">
      <UpdatedControls>
        <telerik:AjaxUpdatedControl ControlID="radgrid1" LoadingPanelID="RadAjaxLoadingPanel1" />
        <telerik:AjaxUpdatedControl ControlID="hdnRowsCount" LoadingPanelID="RadAjaxLoadingPanel1" />
      </UpdatedControls>
    </telerik:AjaxSetting>
  </AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px"
  Width="75px" Transparency="25">
  <img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>'
    style="border: 0;" /></telerik:RadAjaxLoadingPanel>

    <asp:HiddenField ID="hdnRowsCount" runat="server" Value="0" />

    <telerik:RadGrid ID="radgrid1" runat="server" ShowStatusBar="True"
        ShowFooter="True" OnItemCommand="radgrid1_ItemCommand" OnDeleteCommand="radgrid1_DeleteCommand"
        OnInsertCommand="radgrid1_InsertCommand" OnUpdateCommand="radgrid1_UpdateCommand"
        OnNeedDataSource="radgrid1_NeedDataSource"
        onitemdatabound="radgrid1_ItemDataBound" CellSpacing="0"
        GridLines="None" >
        <MasterTableView DataKeyNames="ProductNumber" AutoGenerateColumns="false" EditMode="InPlace"
            CommandItemDisplay="TopAndBottom" CommandItemSettings-AddNewRecordText="Add New Purchase Order">
            <Columns>

</columns>

I am getting the error  "Microsoft JScript runtime error: Sys.ArgumentNullException: Value cannot be null. Parameter name: panelsCreated[3]". The grid and the ajax is inside a panel , which is defined as below:

<asp:Panel ID="PnlRequest" runat="server">

How to fix this?
Thanks

[Maria Ilieva]

Hi Venkatesh,

Please ensure that you do not have another RadAjaxPanel in the page which creates double Ajax settings for the RadGrid control. Also please post the whole page markup as well as the related code behind so we could further research on the error and advise you on a possible solution.

Kind regards,
Maria Ilieva
the Telerik team

[Venkatesh]

Hi,
I did not have radajax panel. Earlier i had added asp:panel, then i removed it and added a multiview. I am using sharepoint 2010. I am using a visual webpart.
Below is the ajax part i have used :

<asp:MultiView ID="CustomMultiView" runat="server">
    <asp:View ID="View1" runat="server">
 <div>
            <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
                <AjaxSettings>
                    <telerik:AjaxSetting AjaxControlID="radgrid1">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="radgrid1" LoadingPanelID="RadAjaxLoadingPanel1" />
                        </UpdatedControls>
                    </telerik:AjaxSetting>
                </AjaxSettings>
            </telerik:RadAjaxManager>
            <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px"
                Width="75px" Transparency="25">
                <img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>'
                    style="border: 0;" /></telerik:RadAjaxLoadingPanel>

            <telerik:RadGrid ID="radgrid1" runat="server" ShowStatusBar="True" ShowFooter="True"
                OnItemCommand="radgrid1_ItemCommand" OnDeleteCommand="radgrid1_DeleteCommand"
                OnInsertCommand="radgrid1_InsertCommand" OnUpdateCommand="radgrid1_UpdateCommand"
                OnNeedDataSource="radgrid1_NeedDataSource" OnItemDataBound="radgrid1_ItemDataBound" OnPreRender="radgrid1_PreRender"
                CellSpacing="0" GridLines="None">

In the code behind:

RadAjaxManager ajaxmgr;

        protected override void CreateChildControls()
        {
            Control control = Page.LoadControl(_ascxPath);
            Controls.Add(control);

            RadAjaxLoadingPanel loadingPanel = control.FindControl("RadAjaxLoadingPanel1") as RadAjaxLoadingPanel;
            RadGrid grid = control.FindControl("radgrid1") as RadGrid;
            //Find more controls to add to the ajax settings
            if (ajaxmgr != null)
            {
                ajaxmgr.AjaxSettings.AddAjaxSetting(grid, grid, loadingPanel);
            }

        }

protected override void OnInit(EventArgs e)
        {
            base.OnInit(e);
            ajaxmgr = RadAjaxManager.GetCurrent(Page);
            if (ajaxmgr == null)
            {
                ajaxmgr = new RadAjaxManager();
                Page.Items.Add(typeof(RadAjaxManager), ajaxmgr);
            }

            if (Page.Form != null)
            {
                Page.Form.Controls.AddAt(0, ajaxmgr);
            }
            EnsureChildControls();
        }

This error is caused, when i click on submit button, which is outside the grid but within the same view. On clicking the button, i am saving the data to sharepoint list.

I do not have any other Ajax code in my page.
Thanks

[Maria Ilieva]

Hi Venkatesh,

In case you are creating SP WebPart there are some specifics in adding the RadAjaxManager and the needed settings on the page. Please review the forum thread below where detail;ed explanation on how exactly this should be done is provided:
http://www.telerik.com/community/forums/sharepoint-2010/integrate-ajax-controls/telerik-ajax-issue-with-sharepoint-2010.aspx

Regards,
Maria Ilieva
the Telerik team