Using IG 45 Version 2019.1.
I'm using WebTab with 3 tabs and a WebDataGrid in each tab. All 3 grids are load on demand with a button click event. The problem I'm having is that only the grid in the 1st tab will load on the button click. when switching to the 2nd or 3rd tab the grids just wont render .
These are the console errors I'm getting:
Failed to load resource: the server responded with a status of 404 (Not Found) ig_texteditor.css:1 Failed to load resource: the server responded with a status of 404 (Not Found) ScriptResource.axd?Uncaught TypeError: $.tmpl is not a function at Object.<anonymous> (ScriptResource.axd?=fffffffff6c87269:108) at Function.each (jquery.min.js:2) at $IG.WebDataGrid._applyClientBinding (ScriptResource.axd? fffffffff6c87269:99) at $IG.WebDataGrid.applyClientBinding (ScriptResource.axd? fffffffff6c87269:48) at $IG.WebDataGrid._initializeObjects (ScriptResource.axd? fffffffff6c87269:73) at $IG.WebDataGrid.Sys$Component$endUpdate [as endUpdate] (ScriptResource.axd? fffffffff27ac6e9:3685) at Sys$Component$create (ScriptResource.axd fffffffff27ac6e9:3834) at <anonymous>:2:5 at Sys$_Application$add_init [as add_init] (ScriptResource.axd? fffffffff27ac6e9:4737) at <anonymous>:1:17 at Sys$_ScriptLoader$_loadScriptsInternal [as _loadScriptsInternal] (ScriptResource.axd? fffffffff27ac6e9:346) at Sys$_ScriptLoader$_loadScriptsInternal [as _loadScriptsInternal] (ScriptResource.axd? fffffffff27ac6e9:351) at Sys$_ScriptLoader$_loadScriptsInternal [as _loadScriptsInternal] (ScriptResource.axd? fffffffff27ac6e9:351) at Sys$_ScriptLoader$_loadScriptsInternal [as _loadScriptsInternal] (ScriptResource.axd? fffffffff27ac6e9:351) at Sys$_ScriptLoader$_nextSession [as _nextSession] (ScriptResource.axd? fffffffff27ac6e9:373)
Thank you for any help you can provide.
WebTab code
<asp:SqlDataSource ID="SqlEmpoyeeList" runat="server" ConnectionString="<%$ ConnectionStrings:CHPComplianceDB %>" SelectCommand="usp_List_Employees" SelectCommandType="StoredProcedure"></asp:SqlDataSource> <ig:WebTab ID="WebTab1" runat="server" Height="100%" Width="100%" StyleSetName="IG2007" TabsOverflow="KeepSize" DisplayMode="SingleRow"> <Tabs> <ig:ContentTabItem runat="server" Text="Occurrence Forms"> <Template> <div class="w3-panel"> <table style="border-style: solid; border-width: thin; width:100%; height: 100px; font-size: small"> <tr> <td style="text-align: right; vertical-align:middle; text-wrap: none">Form ID:</td> <td style="text-align:left; vertical-align:middle"><ig:WebTextEditor ID="txtFormID" runat="server" StyleSetName="RubberBlack" Width="80%"></ig:WebTextEditor></td> <td style="text-align:right; vertical-align: middle">Keyword:</td> <td style="text-align:left; vertical-align: middle"><ig:WebTextEditor ID="txtKeyword" runat="server" StyleSetName="RubberBlack" Width="100%"></ig:WebTextEditor></td> <td style="text-align:right;vertical-align: middle"><button id="btnSearch" class="w3-button w3-black" runat="server"><i class="fa fa-search"></i> Search</button></td> <td style="text-align: left; vertical-align: middle"><button id="btnSelect" class="w3-button w3-black" onclick="btnSelect1_Click(); return false"><i class="fa fa-external-link"></i> Select</button></td> </tr> <tr> <td style="text-align:right; vertical-align:middle">Created By:</td> <td style="text-align:left;vertical-align: middle"><ig:WebDropDown ID="dnCreateBy" runat="server" Width="200px" DataSourceID="SqlEmpoyeeList" TextField="Employee_Name" ValueField="Employee_ID" StyleSetName="RubberBlack" NullText="Select Created by Employee.."> <DropDownItemBinding TextField="Employee_Name" ValueField="Employee_ID" /> <ClientEvents SelectionChanged="dnCreateBy_SelectionChanged" /> </ig:WebDropDown> </td> <td style="text-align:right; vertical-align: middle">From Date:</td> <td style="text-align:left; vertical-align:middle"> <ig:WebDatePicker ID="dpicFromDate" runat="server" StyleSetName="RubberBlack" Width="200px"></ig:WebDatePicker> </td> <td style="text-align:right;vertical-align: middle">Thru Date:</td> <td style="text-align:left;vertical-align:middle"><ig:WebDatePicker ID="picThruDate" runat="server" Width="200px" StyleSetName="RubberBlack"></ig:WebDatePicker></td> </tr> </table> <div class="w3-bar"> <header class="w3-bar-item"> <h5 class="w3-left"><b>Search Results</b></h5> </header> <div class="w3-bar-item w3-right"> <button id="btnExport" runat="server" class="w3-btn w3-black w3-medium"><i class="fa fa-file-excel-o"></i> Export to Excel</button> </div> </div> <asp:SqlDataSource ID="OccurenceDS" runat="server" ConnectionString="<%$ ConnectionStrings:CHPComplianceDB %>" SelectCommand="usp_Find_Occurrence_Forms" SelectCommandType="StoredProcedure"> <SelectParameters> <asp:ControlParameter ControlID="txtFormID" Name="Form_ID" PropertyName="Text" Type="Int32" /> <asp:ControlParameter ControlID="dpicFromDate" DbType="String" Name="From_Date" PropertyName="Text" /> <asp:ControlParameter ControlID="picThruDate" DbType="String" Name="Thru_Date" PropertyName="Text" /> <asp:ControlParameter ControlID="txtKeyword" Name="Keyword" PropertyName="Text" Type="String" /> <asp:ControlParameter ControlID="hdnCreatedBy" Name="Created_By" PropertyName="Value" Type="String" /> </SelectParameters> </asp:SqlDataSource> <div class="w3-container"> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <Triggers> <asp:AsyncPostBackTrigger ControlID="btnSearch" /> </Triggers> <ContentTemplate> <ig:WebDataGrid ID="WebDataGrid1" runat="server" Width="100%" StyleSetName="RubberBlack" DataSourceID="OccurenceDS" HeaderCaptionCssClass="GridHeader" ItemCssClass="GridHeader" DefaultColumnWidth="200px" CssClass="Gridheight" AutoGenerateColumns="False" DataKeyFields="Form_ID" EnableClientRendering="False" > <Columns> <ig:BoundDataField DataFieldName="Form_ID" Key="Form_ID" Width="60px"> <Header Text="Form ID"> </Header> </ig:BoundDataField> <ig:BoundDataField DataFieldName="Investigator" Key="Investigator"> <Header Text="Investigator"> </Header> </ig:BoundDataField> <ig:BoundDataField DataFieldName="Review_Item" Key="Review_Item"> <Header Text="Review Item"> </Header> </ig:BoundDataField> <ig:BoundDataField DataFieldName="Occ_Incident_Date" Key="Occ_Incident_Date"> <Header Text="Occurr/Incident Date"> </Header> </ig:BoundDataField> <ig:BoundDataField DataFieldName="Report_Method" Key="Report_Method"> <Header Text="Report Method"> </Header> </ig:BoundDataField> <ig:BoundDataField DataFieldName="Report_Source" Key="Report_Source"> <Header Text="Report Source"> </Header> </ig:BoundDataField> <ig:BoundDataField DataFieldName="Create_Date" Key="Create_Date"> <Header Text="Create Date"> </Header> </ig:BoundDataField> <ig:BoundDataField DataFieldName="Created_By" Key="Created_By"> <Header Text="Created By"> </Header> </ig:BoundDataField> <ig:BoundDataField DataFieldName="Description" Key="Description"> <Header Text="Description"> </Header> </ig:BoundDataField> </Columns> <ClientEvents DoubleClick="WebDataGrid1_Grid_DoubleClick" /> <Behaviors> <ig:Paging PagerCssClass="GridPager" PageSize="20"> </ig:Paging> <ig:Filtering FilterType="ExcelStyleFilter"> </ig:Filtering> <ig:Selection RowSelectType="Single"> <SelectionClientEvents RowSelectionChanged="WebDataGrid1_Selection_RowSelectionChanged" /> </ig:Selection> <ig:Sorting> </ig:Sorting> <ig:RowSelectors> </ig:RowSelectors> </Behaviors> </ig:WebDataGrid> </ContentTemplate> </asp:UpdatePanel> </div> </div> </Template> </ig:ContentTabItem> <ig:ContentTabItem runat="server" Text="Monitor & Audits Forms"> <Template> <div class="w3-panel"> <table style="border-style: solid; border-width: thin; width:100%; height: 100px; font-size: small"> <tr> <td style="text-align: right; vertical-align:middle; text-wrap: none">Form ID:</td> <td style="text-align:left; vertical-align:middle"><ig:WebTextEditor ID="txtMAFormID" runat="server" StyleSetName="RubberBlack" Width="80%"></ig:WebTextEditor></td> <td style="text-align:right; vertical-align: middle">Keyword:</td> <td style="text-align:left; vertical-align: middle"><ig:WebTextEditor ID="txtMAKeyword" runat="server" StyleSetName="RubberBalck" Width="100%"></ig:WebTextEditor></td> <td style="text-align:right;vertical-align: middle"><button id="btnMASearch" class="w3-button w3-black" runat="server"><i class="fa fa-search"></i> Search</button></td> <td style="text-align: left; vertical-align: middle"><button id="btnMASelect" class="w3-button w3-black" onclick="btnMASelect_Click(); return false" ><i class="fa fa-external-link"></i> Select</button></td> </tr> <tr> <td style="text-align:right; vertical-align:middle">Created By:</td> <td style="text-align:left;vertical-align: middle"><ig:WebDropDown ID="dnMACreatedBy" runat="server" Width="200px" DataSourceID="SqlEmpoyeeList" TextField="Employee_Name" ValueField="Employee_ID" StyleSetName="RubberBlack" NullText="Select Created By Employee.."> <DropDownItemBinding TextField="Employee_Name" ValueField="Employee_ID" /> <ClientEvents SelectionChanged="dnMACreateBy_SelectionChanged" /> </ig:WebDropDown> </td> <td style="text-align:right; vertical-align: middle">From Date:</td> <td style="text-align:left; vertical-align:middle"> <ig:WebDatePicker ID="dpicMAFromDate" runat="server" StyleSetName="RubberBlack" Width="200px"></ig:WebDatePicker> </td> <td style="text-align:right;vertical-align: middle">Thru Date:</td> <td style="text-align:left;vertical-align:middle"><ig:WebDatePicker ID="dpicMAThruDate" runat="server" Width="200px" StyleSetName="RubberBlack"></ig:WebDatePicker></td> </tr> </table> <asp:SqlDataSource ID="dsFindMaForms" runat="server" ConnectionString="<%$ ConnectionStrings:CHPComplianceDB %>" SelectCommand="usp_Find_Monitor_Audits_Form"> <SelectParameters> <asp:ControlParameter ControlID="txtMAFormID" Name="Form_ID" PropertyName="Text" Type="Int32" /> <asp:ControlParameter ControlID="dpicMAFromDate" DbType="String" Name="From_Date" PropertyName="Text" /> <asp:ControlParameter ControlID="dpicMAThruDate" DbType="String" Name="Thru_Date" PropertyName="Text" /> <asp:ControlParameter ControlID="txtMAKeyword" Name="Keyword" PropertyName="Text" Type="String" /> <asp:ControlParameter ControlID="hdnMACreateBy" Name="Created_By" PropertyName="Value" Type="String" /> </SelectParameters> </asp:SqlDataSource> <div class="w3-bar"> <header class="w3-bar-item"> <h5 class="w3-left"><b>Search Results</b></h5> </header> <asp:UpdateProgress ID="UpdateProgress1" runat="server"> <ProgressTemplate> <p class=" w3-bar-item w3-center" style="font-size: medium"><i class="fa fa-refresh fa-spin w3-medium"></i> Loading Results.....</p> </ProgressTemplate> </asp:UpdateProgress> <div class="w3-bar-item w3-right"> <button id="btnExport2" runat="server" class="w3-btn w3-black"><i class="fa fa-file-excel-o"></i> Export to Excel</button> </div> </div> <asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Always"> <Triggers> <asp:AsyncPostBackTrigger ControlID="btnMASearch" /> </Triggers> <ContentTemplate> <ig:WebDataGrid ID="WebDataGrid2" runat="server" Width="100%" DataSourceID="dsFindMaForms" CssClass="Gridheight" HeaderCaptionCssClass="GridHeader" ItemCssClass="GridHeader" StyleSetName="IG" DefaultColumnWidth="200px" EnableClientRendering="true" DeferLoadPostDataProcessing="False"> <Columns> <ig:BoundDataField DataFieldName="Form_ID" Key="Form_ID" Width="60px"> <Header Text="Form ID"></Header> </ig:BoundDataField> <ig:BoundDataField DataFieldName="Conducted_By" Key="Conducted_By"> <Header Text="Conducted By"></Header> </ig:BoundDataField> <ig:BoundDataField DataFieldName="Date_Initiated" Key="Date_Initiated"> <Header Text="Date Intiated"></Header> </ig:BoundDataField> <ig:BoundDataField DataFieldName="Report_Method" Key="Report_Method"> <Header Text="Reporting Method"></Header> </ig:BoundDataField> <ig:BoundDataField DataFieldName="Report_Source" Key="Report_Source"> <Header Text="Report Source"></Header> </ig:BoundDataField> <ig:BoundDataField DataFieldName="Create_Date" Key="Create_Date"> <Header Text="Date Created"></Header> </ig:BoundDataField> <ig:BoundDataField DataFieldName="Created_By" Key="Created_By"> <Header Text="Created By"></Header> </ig:BoundDataField> <ig:BoundDataField DataFieldName="Description" Key="Description"> <Header Text="Description"></Header> </ig:BoundDataField> </Columns> <ClientEvents DoubleClick="WebDataGrid2_Grid_DoubleClick"/> <Behaviors> <ig:Paging PagerCssClass="GridPager" PageSize="20"></ig:Paging> <ig:Filtering FilterType="ExcelStyleFilter"> </ig:Filtering> <ig:Selection RowSelectType="Single"> <SelectionClientEvents RowSelectionChanged="WebDataGrid2_Selection_RowSelectionChanged" /> </ig:Selection> <ig:Sorting></ig:Sorting> <ig:RowSelectors> </ig:RowSelectors> </Behaviors> </ig:WebDataGrid> </ContentTemplate> </asp:UpdatePanel> </div> </Template> </ig:ContentTabItem> <ig:ContentTabItem runat="server" Text="FTE Forms"> <Template> <table style="border-style: solid; border-width: thin; width:100%; height: 100px; font-size: small"> <tr> <td style="text-align: right; vertical-align:middle; text-wrap: none">Form ID:</td> <td style="text-align:left; vertical-align:middle"><ig:WebTextEditor ID="txtFTEFormID" runat="server" StyleSetName="RubberBlack" Width="80%"></ig:WebTextEditor></td> <td style="text-align:right; vertical-align: middle">Keyword:</td> <td style="text-align:left; vertical-align: middle"><ig:WebTextEditor ID="txtFTEKeyWord" runat="server" StyleSetName="RubberBlack" Width="100%"></ig:WebTextEditor></td> <td style="text-align:right;vertical-align: middle"><button id="btnFTESearch" class="w3-button w3-black" runat="server"><i class="fa fa-search"></i> Search</button></td> <td style="text-align: left; vertical-align: middle"><button id="btnFTESelect" class="w3-button w3-black" onclick="btnFTESelect_Click(); return false"><i class="fa fa-external-link"></i> Select</button></td> </tr> <tr> <td style="text-align:right; vertical-align:middle">Created By:</td> <td style="text-align:left;vertical-align: middle"><ig:WebDropDown ID="dnFTECreatedBy" runat="server" Width="200px" DataSourceID="SqlEmpoyeeList" TextField="Employee_Name" ValueField="Employee_ID" StyleSetName="RubberBlack" NullText="Select Created By Employee.."> <DropDownItemBinding TextField="Employee_Name" ValueField="Employee_ID" /> <ClientEvents SelectionChanged="dnFTECreateBy_SelectionChanged" /> </ig:WebDropDown> </td> <td style="text-align:right; vertical-align: middle">From Date:</td> <td style="text-align:left; vertical-align:middle"> <ig:WebDatePicker ID="dpicFTEFromDate" runat="server" StyleSetName="RubberBlack" Width="200px"></ig:WebDatePicker> </td> <td style="text-align:right;vertical-align: middle">Thru Date:</td> <td style="text-align:left;vertical-align:middle"><ig:WebDatePicker ID="dpicFTEThruDate" runat="server" Width="200px" StyleSetName="RubberBlack"></ig:WebDatePicker></td> </tr> </table> <asp:SqlDataSource ID="dsFTEForms" runat="server" ConnectionString="<%$ ConnectionStrings:CHPComplianceDB %>" SelectCommand="dbo.usp_find_FTE_Forms"> <SelectParameters> <asp:ControlParameter ControlID="txtFTEFormID" Name="Form_ID" PropertyName="Text" Type="Int32" /> <asp:ControlParameter ControlID="dpicFTEFromDate" DbType="String" Name="From_Date" PropertyName="Text" /> <asp:ControlParameter ControlID="dpicFTEThruDate" DbType="String" Name="Thru_Date" PropertyName="Text" /> <asp:ControlParameter ControlID="txtFTEKeyword" Name="Keyword" PropertyName="Text" Type="String" /> <asp:ControlParameter ControlID="hdnFTECreateBy" Name="Created_By" PropertyName="Value" Type="String" /> </SelectParameters> </asp:SqlDataSource> <div class="w3-bar"> <header class="w3-bar-item"> <h5 class="w3-left"><b>Search Results</b></h5> </header> <asp:UpdateProgress ID="UpdateProgress2" runat="server" AssociatedUpdatePanelID="UpdatePanel3"> <ProgressTemplate> <p class=" w3-bar-item w3-center" style="font-size: medium"><i class="fa fa-refresh fa-spin w3-medium"></i> Loading Results.....</p> </ProgressTemplate> </asp:UpdateProgress> <div class="w3-bar-item w3-right"> <button id="btnExport3" runat="server" class="w3-btn w3-black"><i class="fa fa-file-excel-o"></i> Export to Excel</button> </div> </div> <asp:UpdatePanel ID="UpdatePanel3" runat="server" UpdateMode="Always"> <Triggers> <asp:AsyncPostBackTrigger ControlID="btnFTESearch" /> </Triggers> <ContentTemplate> <ig:WebDataGrid ID="WebDataGrid3" runat="server" Width="100%" DataSourceID="dsFTEForms" CssClass="Gridheight" HeaderCaptionCssClass="GridHeader" ItemCssClass="GridHeader" StyleSetName="IG2007" DefaultColumnWidth="200px" EnableClientRendering="true" DeferLoadPostDataProcessing="False"> <Columns> <ig:BoundDataField DataFieldName="Form_ID" Key="Form_ID" Width="60px"> <Header Text="Form ID"></Header> </ig:BoundDataField> <ig:BoundDataField DataFieldName="FTE_Name" Key="FTE_Name"> <Header Text="FTE Name"></Header> </ig:BoundDataField> <ig:BoundDataField DataFieldName="Date_of_Communication" Key="Date_of_Communication"> <Header Text="Date Comminicated"></Header> </ig:BoundDataField> <ig:BoundDataField DataFieldName="Conducted_By" Key="Conducted_By"> <Header Text="Conducted By"></Header> </ig:BoundDataField> <ig:BoundDataField DataFieldName="Reporting_Begin_Date" Key="Reporting_Begin_Date"> <Header Text="Report Start Date"></Header> </ig:BoundDataField> <ig:BoundDataField DataFieldName="Reporting_End_Date" Key="Reporting_End_Date"> <Header Text="Report End Date"></Header> </ig:BoundDataField> <ig:BoundDataField DataFieldName="Monitor_Description" Key="Monitor_Description"> <Header Text="Description"></Header> </ig:BoundDataField> <ig:BoundDataField DataFieldName="Source" Key="Source"> <Header Text="Source"></Header> </ig:BoundDataField> <ig:BoundDataField DataFieldName="Reviewed_By" Key="Reviewed_By"> <Header Text="Reviewed By"></Header> </ig:BoundDataField> <ig:BoundDataField DataFieldName="Created_By" Key="Created_By"> <Header Text="Created By"></Header> </ig:BoundDataField> <ig:BoundDataField DataFieldName="Date_Created" Key="Date_Created"> <Header Text="Date Created"></Header> </ig:BoundDataField> </Columns> <ClientEvents DoubleClick="WebDataGrid3_Grid_DoubleClick"/> <Behaviors> <ig:Paging PagerCssClass="GridPager" PageSize="20"></ig:Paging> <ig:Filtering FilterType="ExcelStyleFilter"> </ig:Filtering> <ig:Selection RowSelectType="Single"> <SelectionClientEvents RowSelectionChanged="WebDataGrid3_Selection_RowSelectionChanged" /> </ig:Selection> <ig:Sorting></ig:Sorting> <ig:RowSelectors> </ig:RowSelectors> </Behaviors> </ig:WebDataGrid> </ContentTemplate> </asp:UpdatePanel> </div> </Template> </ig:ContentTabItem> </Tabs> </ig:WebTab>
Style and script references:
<link href="ig_res/Default/ig_shared.css" type="text/css" rel="stylesheet" /> <link href="ig_res/IG2007/ig_shared.css" type="text/css" rel="stylesheet" /> <link href="ig_res/IG/ig_shared.css" type="text/css" rel="stylesheet" /> <link href="ig_res/RubberBalck/ig_shared.css" type="text/css" rel="stylesheet" /> <link href="ig_res/RubberBlack/ig_shared.css" type="text/css" rel="stylesheet" /> <link href="ig_res/RubberBlack/ig_texteditor.css" type="text/css" rel="stylesheet" /> <link href="ig_res/RubberBlack/ig_dropDown.css" type="text/css" rel="stylesheet" /> <link href="ig_res/RubberBlack/ig_dataGrid.css" type="text/css" rel="stylesheet" /> <link href="ig_res/RubberBalck/ig_texteditor.css" type="text/css" rel="stylesheet" /> <link href="ig_res/IG/ig_dataGrid.css" type="text/css" rel="stylesheet" /> <link href="ig_res/IG2007/ig_dataGrid.css" type="text/css" rel="stylesheet" /> <link href="ig_res/IG2007/ig_webtab.css" type="text/css" rel="stylesheet" /> <link href="ig_res/Default/ig_texteditor.css" type="text/css" rel="stylesheet" /> <link href="ig_res/RubberBlack/ig_monthcalendar.css" type="text/css" rel="stylesheet" /><link rel="icon" href="Images/Compliance.png" /><link rel="stylesheet" href="Styles/StyleSheet.css" /><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway" /><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" /><link rel="stylesheet" href="Styles/sweetalert2.css" /><link rel="stylesheet" href="Styles/Styleflat.css" /><link rel="stylesheet" href="Styles/StyleWin8.css" /><link rel="stylesheet" href="Styles/StyleMetro.css" /><link rel="stylesheet" href="Styles/Complianceforms.css" /> <script src="Scripts/jquery-1.8.2.min.js" type="text/javascript"></script> <script src="Scripts/jquery-ui-1.8.24.min.js" type="text/javascript"></script> <script src="Scripts/jquery.tmpl.js" type="text/javascript"></script> <script src="Scripts/jquery.tmplPlus.js" type="text/javascript"></script> <script src="Scripts/jquery.tmplPlus.min.js" type="text/javascript"></script> <script src="Scripts/jquery-tooltip.js" type="text/javascript"></script> <script src="http://code.jquery.com/jquery-1.11.3.min.js" type="text/javascript"></script> <script src="http://code.jquery.com/ui/1.11.1/jquery-ui.min.js" type="text/javascript"></script> <script src="Scripts/jquery-1.4.2.tmpl.min.js" type="text/javascript"></script> <script src="Scripts/jquery-1.4.2.tmpl.js" type="text/javascript"></script> <script src="Scripts/clipboard.js" type="text/javascript"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript" ></script> <script src="Scripts/promise.min.js" type="text/javascript"></script> <script src="Scripts/SweetAlert2.bundles.js" type="text/javascript"></script> <script src="Scripts/bluebird.min.js" type="text/javascript"></script> <script src="Scripts/modernizr-2.6.2.js" type="text/javascript"></script> <script src="Scripts/utils.js" type="text/javascript"></script> <script src="Scripts/popper.min.js" type="text/javascript"></script> <script type="text/javascript" id="igClientScript1"> <!-- function dnCreateBy_SelectionChanged(sender, eventArgs) { ///<summary> /// ///</summary> ///<param name="sender" type="Infragistics.Web.UI.WebDropDown"></param> ///<param name="eventArgs" type="Infragistics.Web.UI.DropDownSelectionEventArgs"></param> var activeItem = sender.get_activeItem(); var selectedvalue = activeItem.get_value(); if(selectedvalue !== 'undefined') { document.getElementById("ContentPlaceHolder1_hdnCreatedBy").vlaue = selectedvalue; } } </script> <script type="text/javascript"> function dnMACreateBy_SelectionChanged(sender, eventArgs) { ///<summary> /// ///</summary> ///<param name="sender" type="Infragistics.Web.UI.WebDropDown"></param> ///<param name="eventArgs" type="Infragistics.Web.UI.DropDownSelectionEventArgs"></param> var activeItem = sender.get_activeItem(); var selectedvalue = activeItem.get_value(); if (selectedvalue !== 'undefined') { document.getElementById("ContentPlaceHolder1_hdnMACreateBy").vlaue = selectedvalue; } } </script> <script type="text/javascript"> function dnFTECreateBy_SelectionChanged(sender, eventArgs) { ///<summary> /// ///</summary> ///<param name="sender" type="Infragistics.Web.UI.WebDropDown"></param> ///<param name="eventArgs" type="Infragistics.Web.UI.DropDownSelectionEventArgs"></param> var activeItem = sender.get_activeItem(); var selectedvalue = activeItem.get_value(); if (selectedvalue !== 'undefined') { document.getElementById("ContentPlaceHolder1_hdnFTECreateBy").vlaue = selectedvalue; } } </script> <script type="text/javascript" id="igClientScript2"> <!-- function WebDataGrid1_Grid_DoubleClick(sender, eventArgs) { ///<summary> /// ///</summary> ///<param name="sender" type="Infragistics.Web.UI.WebDataGrid"></param> ///<param name="eventArgs" type="Infragistics.Web.UI.ItemEventArgs"></param> var selectedrow = sender.get_behaviors().get_selection().get_selectedRows().getItem(0); if (selectedrow != null) { var formid = selectedrow.get_cellByColumnKey("Form_ID").get_value(); window.location.assign('OccuranceForm.aspx?FormID=' + formid); //window.open('OccuranceForm.aspx?FormID=' + formid, '_blank', 'scrollbars=yes,resizable=yes', true) } }// --> </script> <script type="text/javascript"> function WebDataGrid2_Grid_DoubleClick(sender, eventArgs) { var selectedrow = sender.get_behaviors().get_selection().get_selectedRows().getItem(0); if (selectedrow !== null) { var formid = selectedrow.get_cellByColumnKey("Form_ID").get_value(); window.location.assign('MonitorAuditsForm.aspx?FormID=' + formid); } }// --> </script> <script type="text/javascript"> function WebDataGrid3_Grid_DoubleClick(sender, eventArgs) { var selectedrow = sender.get_behaviors().get_selection().get_selectedRows().getItem(0); if (selectedrow !== null) { var formid = selectedrow.get_cellByColumnKey("Form_ID").get_value(); window.location.assign('FTEForm.aspx?FormID=' + formid); } }// --> </script> <script type="text/javascript" id="igClientScript3"> function WebDataGrid1_Selection_RowSelectionChanged(sender, eventArgs) { ///<summary> /// ///</summary> ///<param name="sender" type="Infragistics.Web.UI.WebDataGrid"></param> ///<param name="eventArgs" type="Infragistics.Web.UI.RowSelectionChangedEventArgs"></param> //var fromidc = $find("ContentPlaceHolder1_WebTab1_tmpl0_txtFormID"); var row = eventArgs.getSelectedRows().getItem(0); if (row !== null) { var strformid = row.get_cellByColumnKey("Form_ID").get_value(); document.getElementById("ContentPlaceHolder1_hdnOccformID").value = strformid } }// --> </script> <script type="text/javascript" id="igClientScrip9"> function WebDataGrid2_Selection_RowSelectionChanged(sender, eventArgs) { var fromidc = $find("ContentPlaceHolder1_WebTab1_tmpl1_txtMAFormID"); var row = eventArgs.getSelectedRows().getItem(0); if (row !== null) { var strformid = row.get_cellByColumnKey("Form_ID").get_value(); document.getElementById("ContentPlaceHolder1_hdnMAformID").value = strformid } } </script> <script type="text/javascript"> function WebDataGrid3_Selection_RowSelectionChanged(sender, eventArgs) { var fromidc = $find("ContentPlaceHolder1_WebTab1_tmpl2_txtFTEFormID"); var row = eventArgs.getSelectedRows().getItem(0); if (row !== null) { var strformid = row.get_cellByColumnKey("Form_ID").get_value(); document.getElementById("ContentPlaceHolder1_hdnFTEformID").value = strformid } } </script> <script type="text/javascript"> function btnSelect1_Click() { var formid = document.getElementById("ContentPlaceHolder1_hdnOccformID").value if (formid == "") { swal.fire({ title: 'No Record Selected!', text: 'You must a select a row from the list below.', type: 'warning' }); } else { window.location.assign('OccuranceForm.aspx?FormID=' + formid); } } </script> <script type="text/javascript"> function btnMASelect_Click() { var formid = document.getElementById("ContentPlaceHolder1_hdnMAformID").value if (formid == "") { swal.fire({ title: 'No Record Selected!', text: 'You must a select a row from the list below.', type: 'warning' }); } else { window.location.assign('MonitorAuditsForm.aspx?FormID=' + formid); } } </script> <script type="text/javascript"> function btnFTESelect_Click() { var formid = document.getElementById("ContentPlaceHolder1_hdnFTEformID").value if (formid == "") { swal.fire({ title: 'No Record Selected!', text: 'You must a select a row from the list below.', type: 'warning' }); } else { window.location.assign('FTEForm.aspx?FormID=' + formid); } } </script>
Hello,
After investigating this further, I determined that your requirement could be achieved by using the EnableLoadOnDemand property of the WebTab control. By enabling this property, all controls placed inside WebTab are rendered when the Tab is being selected. This could be achieved as follows:
<ig:WebTab ID="WebTab1" runat="server" Height="200px" Width="300px">
<PostBackOptions EnableLoadOnDemand="true" />
. . .
</ig:WebTab>
Below I am attaching a sample, demonstrating the described behavior. Please test it on your side and let me know if you need any further information regarding this matter.
Regards, Monika Kirkova, Infragistics
WebDataGridInWebTab.zip
Thank for your response Monika,
This did not resolve the problem. I apologize if I did not describe the issue correctly. The WebDataGrids in the 2nd and 3rd tabs do render. However, they totally disappear after the Async Postback on the button click event to load the data which is done in Code Behind:
Private Sub btnMASearch_ServerClick(sender As Object, e As EventArgs) Handles btnMASearch.ServerClick Dim strSQL As String = "Exec dbo.usp_Find_Monitor_Audits_Form " Dim strFromID As String = txtMAFormID.Text Dim strFromDate As String = dpicMAFromDate.Text Dim strToDate As String = dpicMAThruDate.Text Dim strKeyword As String = txtMAKeyword.Text Dim strCreatedBy As String = "" If Not dnMACreatedBy.SelectedItem Is Nothing Then strCreatedBy = dnMACreatedBy.SelectedItem.Value End If strSQL = strSQL & "@Form_ID = " & SQL_Prepare_Number(strFromID, "NULL") strSQL = strSQL & ", @From_Date = " & SQL_Prepare_Date(strFromDate) strSQL = strSQL & ", @Thru_Date = " & SQL_Prepare_Date(strToDate) strSQL = strSQL & ", @Keyword = " & SQL_Prepare_String(strKeyword) strSQL = strSQL & ", @Created_By = " & SQL_Prepare_String(strCreatedBy) Dim dsFormData As DataSet = GetDataset(strSQL, 30) If Not dsFormData Is Nothing Then If dsFormData.Tables(0).Rows.Count > 0 Then WebDataGrid2.DataSourceID = "" WebDataGrid2.DataSource = dsFormData.Tables(0).DefaultView WebDataGrid2.DataBind() End If End If
Hi Fred,
Thank you for the markup and code shared. I looked at it and noticed that some of the grids have the "EnableClientRendering" property set to true, which must depend on jquery template to work. So, after going to a tab with such a grid, you get a jQuery error:
Uncaught TypeError: $.tmpl is not a function
Please add the jquery,tmpl resource in your page and let me know if this resolves the issue:<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
Looking forward to hearing from you.
Thank you much Hristo,
This did resolve the issue. Actually by setting the "EnableClientRendering" to false on the 2 grids fixed the problem.