[Solved] PopUp edit not working with fitlering

[Liam]

When I add fitering to my grid then the popup edit form stops working. It looks like OnPopUpShowing is now longer getting called. Anyone seen this happening?

001.<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="LocationTerms.ascx.cs" Inherits="UnderwritingPlatform.Ui.Products.OnshoreEnergyCommon.Controls.LocationTerms" %>
002.<%@ Import Namespace="UnderwritingPlatform.Ui.Logic.OnshoreEnergyCommon.Models.Pricing" %>
003.
004.<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
005.
006.<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
007.    <script type="text/javascript">
008.        function RowDblClick(sender, eventArgs) {
009.            sender.get_masterTableView().editItem(eventArgs.get_itemIndexHierarchical());
010.        }
011.        var popUp;
012.        function PopUpShowing(sender, eventArgs) {
013.            popUp = eventArgs.get_popUp();
014.            var gridWidth = sender.get_element().offsetWidth;
015.            var gridHeight = sender.get_element().offsetHeight;
016.            var popUpWidth = popUp.style.width.substr(0, popUp.style.width.indexOf("px"));
017.            var popUpHeight = popUp.style.height.substr(0, popUp.style.height.indexOf("px"));
018.            popUp.style.left = ((gridWidth - popUpWidth) / 2 + sender.get_element().offsetLeft).toString() + "px";
019.            popUp.style.top = ((gridHeight - popUpHeight) / 2 + sender.get_element().offsetTop).toString() + "px";
020.            ApplyUiStyles();
021.        }
022.    </script>
023.</telerik:RadCodeBlock>
024.
025.<telerik:RadAjaxManagerProxy ID="RadAjaxManager" runat="server">
026.    <AjaxSettings>
027.        <telerik:AjaxSetting AjaxControlID="RadGrid1">
028.            <UpdatedControls>
029.                <telerik:AjaxUpdatedControl ControlID="RadGrid1"></telerik:AjaxUpdatedControl>
030.            </UpdatedControls>
031.        </telerik:AjaxSetting>
032.    </AjaxSettings>
033.</telerik:RadAjaxManagerProxy>
034.
035.<telerik:RadGrid ID="RadGrid1"
036.    runat="server"
037.    CssClass="RadGrid"
038.    GridLines="None"
039.    AllowPaging="True"
040.    PageSize="20"
041.    AllowSorting="True"
042.    AutoGenerateColumns="False"
043.    ShowStatusBar="true"
044.    AllowAutomaticDeletes="True"
045.    AllowAutomaticInserts="True"
046.    AllowAutomaticUpdates="True"
047.    OnNeedDataSource="GetLocations"
048.    OnItemUpdated="RadGrid1_ItemUpdated"
049.    OnItemCommand="RadGrid1_ItemCommand"
050.    OnPreRender="RadGrid1_PreRender" AllowFilteringByColumn="True" >
051.    <MasterTableView CommandItemDisplay="None" EditMode="PopUp" DataKeyNames="Id" >
052.
053.         <ColumnGroups>
054.            <telerik:GridColumnGroup HeaderText="Location Information" Name="LocationInformation" HeaderStyle-HorizontalAlign="Center" />
055.            <telerik:GridColumnGroup HeaderText="Insured Values" Name="InsuredValues" HeaderStyle-HorizontalAlign="Center" />
056.            <telerik:GridColumnGroup HeaderText="Loss Distribution Estimates" Name="LossDistributionEstimates" HeaderStyle-HorizontalAlign="Center" />
057.            <telerik:GridColumnGroup HeaderText="RA Rating" Name="RaRating" HeaderStyle-HorizontalAlign="Center" />
058.        </ColumnGroups>
059.
060.        <Columns>
061.            <telerik:GridEditCommandColumn UniqueName="EditCommandColumn"  ColumnGroupName="LocationInformation" >
062.            </telerik:GridEditCommandColumn>
063.            <telerik:GridBoundColumn UniqueName="ID" HeaderText="ID" DataField="Id" ColumnGroupName="LocationInformation" AllowFiltering="False">
064.                <HeaderStyle Width="20px"></HeaderStyle>
065.            </telerik:GridBoundColumn>
066.            <telerik:GridBoundColumn UniqueName="LocationName" HeaderText="Location Name" DataField="LocationName" ColumnGroupName="LocationInformation" FilterControlWidth="50px" AutoPostBackOnFilter="False" CurrentFilterFunction="Contains" ShowFilterIcon="false">
067.            </telerik:GridBoundColumn>
068.            <telerik:GridBoundColumn  UniqueName="RatingSegment" HeaderText="" DataField="RatingSegment" ColumnGroupName="LocationInformation" FilterControlWidth="50px" AutoPostBackOnFilter="False" CurrentFilterFunction="Contains" ShowFilterIcon="false">
069.            </telerik:GridBoundColumn>
070.            <telerik:GridBoundColumn UniqueName="Occupancy" HeaderText="" DataField="Occupancy" ColumnGroupName="LocationInformation" FilterControlWidth="30px" AutoPostBackOnFilter="False" CurrentFilterFunction="Contains" ShowFilterIcon="false">
071.            </telerik:GridBoundColumn>
072.            <telerik:GridBoundColumn UniqueName="PdTivRounded" HeaderText="PD TIV" DataField="PdTivRounded" DataFormatString="{0:N1}" ColumnGroupName="InsuredValues" FilterControlWidth="30px" AutoPostBackOnFilter="False" CurrentFilterFunction="Contains" ShowFilterIcon="false">
073.            </telerik:GridBoundColumn>
074.            <telerik:GridBoundColumn UniqueName="BiRateableValueRounded" HeaderText="BI Rateable Value" DataField="BiRateableValueRounded" DataFormatString="{0:N1}" FilterControlWidth="30px" ColumnGroupName="InsuredValues" AutoPostBackOnFilter="False" CurrentFilterFunction="Contains" ShowFilterIcon="False">
075.            </telerik:GridBoundColumn>
076.            <telerik:GridBoundColumn UniqueName="TotalTivRounded" HeaderText="Total TIV" DataField="TotalTivRounded" DataFormatString="{0:N1}" FilterControlWidth="40px" ColumnGroupName="InsuredValues" AutoPostBackOnFilter="False" CurrentFilterFunction="Contains" ShowFilterIcon="False">
077.            </telerik:GridBoundColumn>
078.            <telerik:GridBoundColumn UniqueName="PmlPd" HeaderText="PML PD" DataField="PmlPd" DataFormatString="{0:N0}" ColumnGroupName="LossDistributionEstimates" FilterControlWidth="50px" AutoPostBackOnFilter="False" CurrentFilterFunction="Contains" ShowFilterIcon="false">
079.            </telerik:GridBoundColumn>
080.            <telerik:GridBoundColumn UniqueName="PmlBi" HeaderText="PML BI" DataField="PmlBi" DataFormatString="{0:N0}" ColumnGroupName="LossDistributionEstimates" FilterControlWidth="50px" AutoPostBackOnFilter="False" CurrentFilterFunction="Contains" ShowFilterIcon="false">
081.            </telerik:GridBoundColumn>
082.            <telerik:GridBoundColumn UniqueName="EmlPd" HeaderText="EML PD" DataField="EmlPd" DataFormatString="{0:N0}" ColumnGroupName="LossDistributionEstimates" FilterControlWidth="50px" AutoPostBackOnFilter="False" CurrentFilterFunction="Contains" ShowFilterIcon="false">
083.            </telerik:GridBoundColumn>
084.            <telerik:GridBoundColumn UniqueName="EmlBi" HeaderText="EML BI" DataField="EmlBi" DataFormatString="{0:N0}" ColumnGroupName="LossDistributionEstimates" FilterControlWidth="50px" AutoPostBackOnFilter="False" CurrentFilterFunction="Contains" ShowFilterIcon="false">
085.            </telerik:GridBoundColumn>
086.            <telerik:GridBoundColumn UniqueName="RmProcRaRating" HeaderText="PD" DataField="RmProcRaRating" DataFormatString="{0:N0}" FilterControlWidth="30px" ColumnGroupName="RaRating" AutoPostBackOnFilter="False" CurrentFilterFunction="Contains" ShowFilterIcon="false">
087.            </telerik:GridBoundColumn>
088.            <telerik:GridBoundColumn UniqueName="DesignConstrRaRating" HeaderText="BI" DataField="DesignConstrRaRating" FilterControlWidth="30px" DataFormatString="{0:N0}" ColumnGroupName="RaRating" AutoPostBackOnFilter="False" CurrentFilterFunction="Contains" ShowFilterIcon="false">
089.            </telerik:GridBoundColumn>
090.            <telerik:GridButtonColumn ButtonType="LinkButton" HeaderText="Total" DataTextField="TotalRaRating"  DataTextFormatString="{0:N0}" ColumnGroupName="RaRating"  AutoPostBackOnFilter="False" CurrentFilterFunction="Contains" ShowFilterIcon="false"/>
091.        </Columns>
092.        <EditFormSettings EditFormType="Template" CaptionFormatString="Location Terms Detail">
093.            <PopUpSettings Modal="True" Width="800px" Height="800px" ShowCaptionInEditForm="true"></PopUpSettings>
094.            <FormTemplate>
095.
096.                <div style="padding: 20px;">
097.
098.                    <label class="popUpLabelTitle">Location Information</label>
099.                    <div class="twoColumnLeft">
100.                        <div>
101.                            <asp:Label ID="lblLocationName" runat="server" CssClass="standardLabel200" Text="Location name: "></asp:Label>
102.                            <asp:Label ID="lblLocationNameValue" runat="server" Text='<%# Bind("LocationName") %>'></asp:Label>
103.                        </div>
104.
105.                        <div>
106.                            <asp:Label ID="lblRatingSegment" runat="server" CssClass="standardLabel200" Text="Generator Type: "></asp:Label>
107.                            <asp:Label ID="lblRatingSegmentValue" runat="server" Text='<%# Bind("RatingSegment") %>'></asp:Label>
108.                        </div>
109.                    </div>
110.                    <div style="float: left;">
111.                        <div>
112.                            <asp:Label ID="lblOccupancy" runat="server" CssClass="standardLabel200" Text="Generator Detail: "></asp:Label>
113.                            <asp:Label ID="lblOccupancyValue" runat="server" Text='<%# Bind("Occupancy") %>'></asp:Label>
114.                        </div>
115.                    </div>
116.
117.                    <label class="popUpLabelTitle">Insured Values</label>
118.                    <div class="twoColumnLeft">
119.                        <div>
120.                            <asp:Label ID="lblPdTiv" runat="server" CssClass="standardLabel200" Text="PD TIV: "></asp:Label>
121.                            <asp:Label ID="lblPdTivValue" runat="server" CssClass="autoFormat" Text='<%# Bind("PdTiv") %>'></asp:Label>
122.                        </div>
123.
124.                        <div>
125.                            <asp:Label ID="lblBiRateableValue" runat="server" CssClass="standardLabel200" Text="Bi Rateable Value: "></asp:Label>
126.                            <asp:Label ID="lblBiRateableValueValue" runat="server" CssClass="autoFormat" Text='<%# Bind("BiRateableValue") %>'></asp:Label>
127.                        </div>
128.                    </div>
129.                    <div style="float: left;">
130.                        <div>
131.                            <asp:Label ID="lblTotalTiv" runat="server" CssClass="standardLabel200" Text="Total TIV: "></asp:Label>
132.                            <asp:Label ID="lblTotalTivValue" runat="server" CssClass="autoFormat" Text='<%# Bind("TotalTiv") %>'></asp:Label>
133.                        </div>
134.                    </div>
135.
136.                    <label class="popUpLabelTitle">RA Rating</label>
137.                    <div class="twoColumnLeft">
138.                        <div>
139.                            <asp:Label ID="lblRmProcRaRating" runat="server" CssClass="standardLabel200" Text="RM & Proc: "></asp:Label>
140.                            <asp:TextBox ID="txtRmProcRaRating" CssClass="autoFormat" runat="server" Text='<%# Bind("RmProcRaRating") %>'></asp:TextBox>
141.                        </div>
142.
143.                        <div>
144.                            <asp:Label ID="lblDesignConstrRaRating" runat="server" CssClass="standardLabel200" Text="Design & Constr: "></asp:Label>
145.                            <asp:TextBox ID="txtDesignConstrRaRating" CssClass="autoFormat" runat="server" Text='<%# Bind("DesignConstrRaRating") %>'></asp:TextBox>
146.                        </div>
147.                    </div>
148.                    <div style="float: left;">
149.
150.                         <div>
151.                            <asp:Label ID="lblCorporateResilience" runat="server" CssClass="standardLabel200" Text="Corporate Resilience: "></asp:Label>
152.                            <asp:TextBox ID="lblCorporateResilienceValue" CssClass="autoFormat" runat="server" Text='<%# Bind("CorporateResilience") %>'></asp:TextBox>
153.                        </div>
154.                        <div>
155.                            <asp:Label ID="lblTotalRaRating" runat="server" CssClass="standardLabel200" Text="Total: "></asp:Label>
156.                            <asp:TextBox ID="txtTotalRaRating" CssClass="autoFormat" runat="server" Text='<%# Bind("TotalRaRating") %>'></asp:TextBox>
157.                        </div>
158.                    </div>
159.
160.                    <label class="popUpLabelTitle">Loss Distribution Estimates</label>
161.
162.                    <div class="twoColumnLeft">
163.                        <div>
164.                            <asp:Label ID="lblSelectedPmlPd" runat="server" CssClass="standardLabel200" Text="Selected  PMLs PD: "></asp:Label>
165.                            <asp:TextBox ID="txtSelectedPmlPd" CssClass="autoFormat" runat="server" Text='<%# Bind("PmlPd") %>'></asp:TextBox>
166.                        </div>
167.
168.                        <div>
169.                            <asp:Label ID="lblSelectedPmlBi" runat="server" CssClass="standardLabel200" Text="Selected  PMLs BI: "></asp:Label>
170.                            <asp:TextBox ID="txtSelectedPmlBi" CssClass="autoFormat" runat="server" Text='<%# Bind("PmlBi") %>'></asp:TextBox>
171.                        </div>
172.                    </div>
173.                    <div style="float: left;">
174.                        <div>
175.                            <asp:Label ID="lblSelectedEMLPd" runat="server" CssClass="standardLabel200" Text="Selected  EMLs PD: "></asp:Label>
176.                            <asp:TextBox ID="txtSelectedEMLPd" CssClass="autoFormat" runat="server" Text='<%# Bind("EmlPd") %>'></asp:TextBox>
177.                        </div>
178.
179.                        <div>
180.                            <asp:Label ID="lblSelectedEMLBi" runat="server" CssClass="standardLabel200" Text="Selected  EMLs BI: "></asp:Label>
181.                            <asp:TextBox ID="txtSelectedEMLBi" CssClass="autoFormat" runat="server" Text='<%# Bind("EmlBi") %>'></asp:TextBox>
182.                        </div>
183.                    </div>
184.
185.                    <label class="popUpLabelTitle">Location Coverage</label>
186.
187.                    <div class="twoColumnLeft">
188.                        <div>
189.                            <asp:Label ID="Label3" runat="server" CssClass="standardLabel200" Text="BI Indemnity Basis "></asp:Label>
190.                            <asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("BiIndemnityBasis") %>'></asp:TextBox>
191.                        </div>
192.                        <div>
193.                            <asp:Label ID="Label4" runat="server" CssClass="standardLabel200" Text="BI Indemnity Period (Mths): "></asp:Label>
194.                            <asp:TextBox ID="TextBox2" Text='<%# Bind("BiIndemnityPeriod") %>' runat="server"></asp:TextBox>
195.                        </div>
196.                        <div>
197.                            <asp:Label ID="Label5" runat="server" CssClass="standardLabel200" Text="BI Indemnity Value Basis: "></asp:Label>
198.                            <asp:TextBox ID="TextBox3" Text='<%# Bind("BiIndemnityValueBasis") %>' runat="server"></asp:TextBox>
199.                        </div>
200.                    </div>
201.                    <div style="float: left">
202.                        <div>
203.                            <asp:Label ID="Label6" runat="server" CssClass="standardLabel200" Text="BI Sub-limit: "></asp:Label>
204.                            <asp:TextBox ID="TextBox4" CssClass="autoFormat" runat="server" Text='<%# Bind("BiSubLimit") %>'></asp:TextBox>
205.                        </div>
206.                        <div>
207.                            <asp:Label ID="Label7" runat="server" CssClass="standardLabel200" Text="MB Sub-limit: "></asp:Label>
208.                            <asp:TextBox ID="TextBox5" CssClass="autoFormat" runat="server" Text='<%# Bind("MbSubLimit") %>'></asp:TextBox>
209.                        </div>
210.                        <div>
211.                            <asp:Label ID="Label8" runat="server" CssClass="standardLabel200" Text="CBI/DEE Sub-limit: "></asp:Label>
212.                            <asp:TextBox ID="TextBox6" CssClass="autoFormat" runat="server" Text='<%# Bind("CbiSubLimit") %>'></asp:TextBox>
213.                        </div>
214.                        <div>
215.                            <asp:Label ID="Label9" runat="server" CssClass="standardLabel200" Text="Power Extra Expense: "></asp:Label>
216.                            <asp:TextBox ID="TextBox7" CssClass="autoFormat" runat="server" Text='<%# Bind("PowerExtraSubLimit") %>'></asp:TextBox>
217.                        </div>
218.                        <div>
219.                            <asp:Label ID="Label10" runat="server" CssClass="standardLabel200" Text='Replacement Power Included:'></asp:Label>
220.                            <asp:RadioButtonList runat="server" ID="radiotbutton1" RepeatLayout="Flow" RepeatDirection="Horizontal">
221.                                <asp:ListItem Text="Yes" Value="Yes" />
222.                                <asp:ListItem Text="No" Value="No" />
223.                            </asp:RadioButtonList>
224.                        </div>
225.                    </div>
226.
227.                    <label class="popUpLabelTitle">Machine Component Deductibles</label>
228.
229.                    <asp:Repeater ID="rptDeductibles" runat="server" DataSource='<%# (List<LocationTermsComponentDeductibleViewModel>)DataBinder.Eval( Container, "DataItem.ComponentDeductibles" ) %>'>
230.
231.                        <HeaderTemplate>
232.                            <table class="popupTable">
233.                                <tr>
234.                                    <th></th>
235.                                    <th> PD</th>
236.                                    <th> BI (Days)</th>
237.                                    <th> MB PD</th>
238.                                    <th> MB BI (Days)</th>
239.                                    <th> CBI (Days)</th>
240.                                </tr>
241.                        </HeaderTemplate>
242.
243.
244.                        <ItemTemplate>
245.                            <tr>
246.                                <th><%# Eval("Name") %></th>
247.                                <td>
248.                                    <asp:TextBox ID="TextBox8" runat="server" CssClass="autoFormat" Text='<%# Bind("Pd") %>'></asp:TextBox></td>
249.                                <td>
250.                                    <asp:TextBox ID="TextBox9" runat="server" CssClass="autoFormat" Text='<%# Bind("Bi") %>'></asp:TextBox></td>
251.                                <td>
252.                                    <asp:TextBox ID="TextBox10" runat="server" CssClass="autoFormat" Text='<%# Bind("MbPd") %>'></asp:TextBox></td>
253.                                <td>
254.                                    <asp:TextBox ID="TextBox11" runat="server" CssClass="autoFormat" Text='<%# Bind("MbBi") %>'></asp:TextBox></td>
255.                                <td>
256.                                    <asp:TextBox ID="TextBox12" runat="server" CssClass="autoFormat" Text='<%# Bind("Cbi") %>'></asp:TextBox></td>
257.                            </tr>
258.                        </ItemTemplate>
259.
260.                        <FooterTemplate>
261.                            </table>
262.                        </FooterTemplate>
263.
264.                    </asp:Repeater>
265.
266.
267.                    <label class="popUpLabelTitle">Discretionary Premium Adjustments</label>
268.
269.                    <asp:Repeater ID="rptDiscretionary" OnItemDataBound="rptDiscretionary_ItemDataBound" runat="server" DataSource='<%# (List<LocationTermsDiscretionaryViewModel>)DataBinder.Eval( Container, "DataItem.Discretionary" ) %>'>
270.
271.                        <HeaderTemplate>
272.                            <table class="popupTable">
273.                                <tr>
274.                                    <th> Type</th>
275.                                    <th> Cover</th>
276.                                    <th> Reason</th>
277.                                    <th> Description</th>
278.                                    <th> Value</th>
279.                                </tr>
280.                        </HeaderTemplate>
281.
282.
283.                        <ItemTemplate>
284.                            <tr>
285.                                <td>
286.                                    <asp:DropDownList runat="server" ID="ddlDiscretionaryType" >
287.                                        <asp:ListItem>Test Item</asp:ListItem>
288.                                        </asp:DropDownList>
289.
290.                                </td>
291.                                <td>
292.                                    <asp:DropDownList runat="server" ID="DropDownList1" >
293.                                        <asp:ListItem>Test Item</asp:ListItem>
294.                                        </asp:DropDownList>
295.                                <td>
296.                                    <asp:TextBox ID="TextBox10" runat="server" CssClass="autoFormat" Text='<%# Bind("Reason") %>'></asp:TextBox></td>
297.                                <td>
298.                                    <asp:TextBox ID="TextBox11" runat="server" CssClass="autoFormat" Text='<%# Bind("Description") %>'></asp:TextBox></td>
299.                                <td>
300.                                    <asp:TextBox ID="TextBox12" runat="server" CssClass="autoFormat" Text='<%# Bind("Value") %>'></asp:TextBox></td>
301.                            </tr>
302.                        </ItemTemplate>
303.
304.                        <FooterTemplate>
305.                            </table>
306.                        </FooterTemplate>
307.
308.                    </asp:Repeater>
309.
310.                    <hr style="width: 100%;" class="hrBlue">
311.
312.                    <div class="buttonContainer">
313.                        <asp:Button ID="btnUpdate" Text="Update" runat="server" CommandName="Update" />
314.                    <asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="False" CommandName="Cancel" />
315.                    </div>
316.
317.                </div>
318.            </FormTemplate>
319.        </EditFormSettings>
320.    </MasterTableView>
321.
322.    <PagerStyle AlwaysVisible="True" Mode="NextPrevAndNumeric"></PagerStyle>
323.
324.    <FilterMenu OnClientShown="MenuShowing" />
325.
326.    <ClientSettings>
327.        <ClientEvents OnRowDblClick="RowDblClick" OnPopUpShowing="PopUpShowing"></ClientEvents>
328.    </ClientSettings>
329.</telerik:RadGrid>

[Venelin]

Hi Liam,

I am afraid that I am not able to replicate the same issue on my side based on the provided information, nor such a problem was reported by someone else. It would be best to send us a small runnable sample project that we can test and debug locally. In the meantime please check if there are any JavaScript errors listed in the console.

Regards,
Venelin
Telerik