Popup EditForm doesn't popup with two grids on the page

1 Answer 32 Views
Grid
Angela
Top achievements
Rank 1
Iron
Angela asked on 13 Jun 2022, 05:26 PM

I have a grid that works perfectly where the EditForm Popup comes up fine if that grid is the only one on the page. However, if I have a second grid on the same page, the popup edit form won't come up.

1st grid:

<telerik:RadGrid ID="grid" runat="server" DataSourceID="sql" Skin="Material" RenderMode="Lightweight" Width="100%">
    <ClientSettings AllowKeyboardNavigation="true" EnablePostBackOnRowClick="true">
        <Scrolling AllowScroll="True" UseStaticHeaders="true" />
        <Selecting AllowRowSelect="true"></Selecting>
    </ClientSettings>
    <MasterTableView DataKeyNames="CHP_Specialty" EditMode="PopUp" AllowSorting="true" DataSourceID="sql" PagerStyle-AlwaysVisible="true" AllowPaging="True" ShowHeader="true" AutoGenerateColumns="false" CommandItemDisplay="None" CommandItemSettings-ShowRefreshButton="false" AllowAutomaticUpdates="true" HeaderStyle-VerticalAlign="Bottom" ItemStyle-VerticalAlign="Top" AlternatingItemStyle-VerticalAlign="Top" PageSize="50">
        <ColumnGroups>
            <telerik:GridColumnGroup HeaderText="HEDIS Vendor" Name="HEDIS Vendor" HeaderStyle-HorizontalAlign="Center"></telerik:GridColumnGroup>
        </ColumnGroups>
        <Columns>
            <telerik:GridEditCommandColumn UniqueName="EditCommandColumn" HeaderStyle-Width="60px"></telerik:GridEditCommandColumn>
            <telerik:GridBoundColumn DataField="Row_ID" HeaderText="Row ID" SortExpression="Row_ID" Visible="false"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="CHP_Specialty" HeaderText="CHP Specialty"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="HEDIS_Vendor_Specialty_Description" HeaderText="Map to Specialty" ColumnGroupName="HEDIS Vendor"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="HEDIS_Vendor_Specailty_Code" HeaderText="Sent to Vendor" ColumnGroupName="HEDIS Vendor"></telerik:GridBoundColumn>
        </Columns>
        <EditFormSettings EditFormType="Template" PopUpSettings-Modal="true" CaptionFormatString="Edit Record">
            <FormTemplate>
                <div class="w3-margin-top"></div>
                <div class="w3-container">
                    <div class="w3-margin-top"></div>
                    <div class="w3-row">
                        <telerik:RadLabel Text="CHP Specialty" Font-Bold="True" runat="server"></telerik:RadLabel>
                    </div>
                    <div class="w3-row">
                        <telerik:RadLabel ID="lblSpecialty" Text='<%# Eval("CHP_Specialty") %>' runat="server"></telerik:RadLabel>
                    </div>
                    <div class="w3-margin-top"></div>
                    <div class="w3-row">
                        <telerik:RadLabel Text="Map to HEDIS Vendor Specialty *" Font-Bold="True" runat="server"></telerik:RadLabel>
                    </div>
                    <div class="w3-row">
                        <telerik:RadComboBox ID="listHEDISVendorSpecialties" MaxHeight="300px" Width="100%" runat="server" EmptyMessage=" " DataSourceID="sqlLookup" DataTextField="Lookup_Description" DataValueField="Lookup_ID" Filter="Contains" SelectedValue='<%# Bind("HEDIS_Vendor_Specialty_ID") %>' DropDownAutoWidth="Enabled"></telerik:RadComboBox>
                        <asp:RequiredFieldValidator runat="server" ErrorMessage="required" Display="Dynamic" ControlToValidate="listHEDISVendorSpecialties" ForeColor="Red" />
                    </div>
                </div>    
                <div class="w3-margin-top"></div>
                <div class="w3-center">
                    <telerik:RadPushButton runat="server" Text="Update" CommandName="Update" CausesValidation="true" Primary="true"></telerik:RadPushButton>
                    <telerik:RadPushButton runat="server" Text="Cancel" CommandName="Cancel" CausesValidation="true" Primary="true"></telerik:RadPushButton>
                </div>
            </FormTemplate>
        </EditFormSettings>
    </MasterTableView>
    <HeaderStyle VerticalAlign="Bottom" HorizontalAlign="Center" />
    <ItemStyle VerticalAlign="Top" />
    <AlternatingItemStyle VerticalAlign="Top" />
</telerik:RadGrid>

2nd grid:
<telerik:RadGrid ID="gridDetails" runat="server" DataSourceID="sqlDetails" Skin="Material" RenderMode="Lightweight" Width="98%" CssClass="w3-right">
    <ClientSettings>
        <Scrolling AllowScroll="True" UseStaticHeaders="true" />
    </ClientSettings>
    <MasterTableView DataKeyNames="CHP_Specialty" AllowSorting="true" DataSourceID="sqlDetails" PagerStyle-AlwaysVisible="true" AllowPaging="True" ShowHeader="true" AutoGenerateColumns="false" CommandItemDisplay="None" CommandItemSettings-ShowRefreshButton="false" AllowAutomaticUpdates="false" HeaderStyle-VerticalAlign="Bottom" ItemStyle-VerticalAlign="Top" AlternatingItemStyle-VerticalAlign="Top" PageSize="50">
        <Columns>
            <telerik:GridBoundColumn DataField="CHP_Specialty" Visible="false"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="Provider_ID" HeaderText="Provider ID"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="Practitioner_Name" HeaderText="Provider Name"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="Credentials" HeaderText="Credentials"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="NPI" HeaderText="NPI"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="Street_Address" HeaderText="Street Address"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="City" HeaderText="City"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="Blue_Card" HeaderText="Blue Card"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="Is_PCP" HeaderText="PCP"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="Is_Primary" HeaderText="Primary?"></telerik:GridBoundColumn>
        </Columns>
    </MasterTableView>
    <HeaderStyle VerticalAlign="Bottom" HorizontalAlign="Center" />
    <ItemStyle VerticalAlign="Top" />
    <AlternatingItemStyle VerticalAlign="Top" />
</telerik:RadGrid>

SQLDatasources:
<asp:SqlDataSource ID="sql" runat="server" 
    ConnectionString="<%$ ConnectionStrings:csAIM %>"
    SelectCommand="usp_HEDIS_Maint_Provider_Specialty_XREF" SelectCommandType="StoredProcedure" 
    UpdateCommand="usp_HEDIS_Maint_Provider_Specialty_XREF" UpdateCommandType="StoredProcedure">
    <SelectParameters>
        <asp:Parameter Name="Action" DefaultValue="Select" />
    </SelectParameters>
    <UpdateParameters>
        <asp:Parameter Name="Action" DefaultValue="Update" />
        <asp:Parameter Name="Row_ID" Type="Int32" />
        <asp:Parameter Name="HEDIS_Vendor_Specialty_ID" Type="Int32" />
        <asp:Parameter Name="Comment" Type="String" />
        <asp:SessionParameter Name="User_Name" SessionField="UserID" />
    </UpdateParameters>
</asp:SqlDataSource>

<asp:SqlDataSource ID="sqlDetails" runat="server" 
    ConnectionString="<%$ ConnectionStrings:csAIM %>"
    SelectCommand="usp_HEDIS_Maint_Providers_by_Specialty" SelectCommandType="StoredProcedure">
    <SelectParameters>
        <asp:ControlParameter ControlID="grid" Name="CHP_Specialty" PropertyName="SelectedValue" Type="String"></asp:ControlParameter>
    </SelectParameters>
</asp:SqlDataSource>

1 Answer, 1 is accepted

Sort by
0
Doncho
Telerik team
answered on 16 Jun 2022, 10:31 AM

Hi Angela,

Thank you for the provided information!

Unfortunately, I was not able to replicate the described issue on my side.

The problem might be a result of a JavaScript error on the page. 

Please make sure there are no JavaScript errors on the Browser's Console - Troubleshooting JavaScript errors.

In case Ajax is enabled on the page, I would also suggest disabling it temporarily and testing the page that way to see if any errors will come up. Refer to Get more descriptive errors by disabling AJAX.

If this is not helpful, we would need some more details about the current scenario in order to be able to provide you with more accurate assistance.

It would be very helpful if you capture the problem with the Fiddler Jam tool and share the log with us. You can start capturing by using the link below:

Find more information on what Fiddler Jam is and how to use it to capture issues in the following article: Capture network logs & log issues with Fiddler Jam in ASP.NET Web Forms.

Looking forward to your feedback.

Kind regards,
Doncho
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Grid
Asked by
Angela
Top achievements
Rank 1
Iron
Answers by
Doncho
Telerik team
Share this question
or