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

PopUp edit not working with fitlering

1 Answer 116 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Liam
Top achievements
Rank 1
Liam asked on 03 Jun 2014, 09:47 AM
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>

1 Answer, 1 is accepted

Sort by
0
Venelin
Telerik team
answered on 06 Jun 2014, 06:38 AM
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
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
Grid
Asked by
Liam
Top achievements
Rank 1
Answers by
Venelin
Telerik team
Share this question
or