Error when loading second grid on a same page

[Diego]

Hi telerik team:

I'm having one issue not being able to find a solution on internet and forum.

I have two grids, the first one is loaded on server side, and the second one I want it to be loaded on client-side. 

 

I use this code, fired on "Edit" of the first grid:
 function editPTOP(PTOPlanId) {
            $("#dialogPTOP").dialog({
                autoOpen: true,
                title: "New PTO Plan",
                width: "600px",
                //position: [350,0],
                modal: true
            });
            updateGrid();
        }

    function updateGrid() {
            var data = [{ "ID": "1", "Rate": "1", "StartYear": "1998", "EndYear": "1999" }, { "ID": "2", "Rate": "2", "StartYear": "2005", "EndYear": "20018" }];
            var masterTable = $find("<%= RadGrid1.ClientID %>").get_masterTableView();
        masterTable.set_dataSource(data);
        masterTable.dataBind();
    }

After I click on "Edit", appears a strange error when the debbuger wants to get_masterTableView():

 

ScriptResource.axd?d=ZIWSWn7AfUG8H7B191NUVuhgr7Xdz_smdgrZb9SKzD12EnEoJyUju6SX4JZ76NMPNQnLq61DdmGW9saKWN8tyqr7W0klndxIZ4odb1TwK30RJlLRQOeRyKNmtEfetDV-C1YTrbIXaDJtI5D7mUsEqir_Ifu50e5_zNkLMil_FmOCnsAWWY052_vxtv0cMCik0&t=72fc8ae3:237 Uncaught Error: Sys.ArgumentNullException: El valor no puede ser nulo. (value can not be null)
Nombre del parámetro: id

I'm using AjaxControlToolkit. dll version: 3.0.930.0

 

How can I attach files here? (not a picture, code files)

 

Thanks a lot,

Diego

[Diego]

the full .aspx page:

<%@ Page Title="PTO Plans" Language="C#" MasterPageFile="~/TCSite.master" AutoEventWireup="true" Inherits="Timecentre.Web.Configuration_PTOPlansTest" CodeBehind="PTOPlansTest.aspx.cs" %>

<%@ Register TagPrefix="telerik" Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" %>
<asp:Content ID="Content2" ContentPlaceHolderID="HeadContent" runat="Server">
    <script type="text/javascript">
        $(document).ready(function () {

            $("#dialogPTOP").dialog({ autoOpen: false });
        });

        var flag = true;
        var currentOperation = "";
        var currentPTOPlanId = "0";


        function editPTOP(PTOPlanId) {

            currentOperation = "U";
            currentPTOPlanId = PTOPlanId;

            //get Compensatory Time History for the current employeeId
            var exitFlag = false;
            //

            $("#dialogPTOP").dialog({
                autoOpen: true,
                title: "New PTO Plan",
                width: "600px",
                //position: [350,0],
                modal: true
            });

            updateGrid();


        }

    function updateGrid() {
           debugger;
            var data = [{ "ID": "1", "Rate": "1", "StartYear": "1998", "EndYear": "1999" }, { "ID": "2", "Rate": "2", "StartYear": "2005", "EndYear": "20018" }];
            var masterTable = $find("<%= RadGrid1.ClientID %>").get_masterTableView();
        masterTable.set_dataSource(data);
        masterTable.dataBind();
    }

    </script>
</asp:Content>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <div class="row">
        <div class="large-12 columns">
            <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:RadGrid ID="grdPTOPlans" runat="server" ShowStatusBar="true" AllowPaging="true"
                AllowSorting="true" AllowMultiRowSelection="false" AllowAutomaticUpdates="false"
                Width="100%" EnableViewState="true" Skin="Outlook" AllowAutomaticInserts="false"
                OnNeedDataSource="grdPTOPlan_NeedDataSource">
                <MasterTableView DataKeyNames="PTOPlanId" RetrieveAllDataFields="false" InsertItemDisplay="Top"
                    AutoGenerateColumns="false" EditMode="InPlace" CommandItemDisplay="TopAndBottom"
                    Name="mtvPTOPlans" NoDetailRecordsText="No PTO Plans Records to display" GridLines="Both"
                    PageSize="8">
                    <CommandItemSettings AddNewRecordText="Add New PTO Plan" />
                    <Columns>
                        <telerik:GridHyperLinkColumn DataTextFormatString="<%$ Resources:TCRS, Delete %>"
                            DataNavigateUrlFields="PTOPlanId" UniqueName="LinkCTH_Delete" DataNavigateUrlFormatString="javascript:deletePTOP('{0}');"
                            HeaderText="" DataTextField="PTOPlanId">
                            <HeaderStyle Width="50px" />
                            <ItemStyle HorizontalAlign="Center" />
                        </telerik:GridHyperLinkColumn>
                        <telerik:GridHyperLinkColumn DataTextFormatString="<%$ Resources:TCRS, Edit %>"
                            DataNavigateUrlFields="PTOPlanId" UniqueName="LinkCTH_Edit" DataNavigateUrlFormatString="javascript:editPTOP('{0}');"
                            HeaderText="" DataTextField="PTOPlanId">
                            <HeaderStyle Width="50px" />
                            <ItemStyle HorizontalAlign="Center" />
                        </telerik:GridHyperLinkColumn>
                        <telerik:GridHyperLinkColumn DataTextFormatString="Assign Employees" DataNavigateUrlFields="PTOPlanId"
                            UniqueName="LinkPTOP_AssignEmployees" DataNavigateUrlFormatString="javascript:AssignEmployees('{0}');"
                            HeaderText="" DataTextField="PTOPlanId">
                            <HeaderStyle Width="200px" />
                            <ItemStyle HorizontalAlign="Center" />
                        </telerik:GridHyperLinkColumn>
                        <telerik:GridBoundColumn UniqueName="PTOPlanId" Visible="false" DataField="PTOPlanId" />
                        <telerik:GridBoundColumn DataField="Code" HeaderText="Code" HeaderStyle-Width="150px" UniqueName="Code"
                            ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center" MaxLength="20" />
                        <telerik:GridBoundColumn DataField="Description" HeaderText="PTO Plan Description" UniqueName="Description"
                            ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center" MaxLength="200" />
                    </Columns>
                </MasterTableView>
            </telerik:RadGrid>
            <div id="dialogPTOP" style="display: none">
                <div>
                    <telerik:RadGrid runat="server" ID="RadGrid1"   OnNeedDataSource="RadGrid1_NeedDataSource">
                        <MasterTableView RetrieveAllDataFields="false" InsertItemDisplay="Top" DataKeyNames="ID"
                            AutoGenerateColumns="false" EditMode="InPlace" CommandItemDisplay="Top" AllowPaging="false"
                            Name="mtvPTOPlansItemRates" NoDetailRecordsText="No PTO Plan Item Rates Records to display" GridLines="Both"
                            NoMasterRecordsText="No PTO Plan Item rates records were found">
                            <CommandItemSettings AddNewRecordText="Add New" />
                            <Columns>
                                <telerik:GridNumericColumn NumericType="Number" HeaderText="Rate" DataField="Rate" UniqueName="Rate">
                                </telerik:GridNumericColumn>
                                <telerik:GridNumericColumn NumericType="Number" HeaderText="StartYear" DataField="StartYear" UniqueName="StartYear">
                                </telerik:GridNumericColumn>
                                <telerik:GridNumericColumn NumericType="Number" HeaderText="EndYear" DataField="EndYear" UniqueName="EndYear">
                                </telerik:GridNumericColumn>

                            </Columns>
                        </MasterTableView>

                    </telerik:RadGrid>
                </div>
                <br />
            </div>

        </div>
    </div>
</asp:Content>

[Saju Samuel]

I was able to fix it adding OnNeedDataSource event on server side

 

Thanks anyway