Bootstrap модал замораживает страницу после модального скрытия - PullRequest
0 голосов
/ 28 апреля 2019

У меня есть кнопка на странице, чтобы открыть модал:

<button data-toggle="modal" data-target="#connProductsModal" type="button" class="btn btn-brand"><%= GetGlobalResourceObject("ButtonText", "BTN_EDIT_PRODUCTS") %></button>

это открывает следующий модал:

<div class="modal fade" id="connProductsModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Details</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <asp:UpdatePanel runat="server" ID="udpEditConnProd">
                    <ContentTemplate>
                        <telerik:RadGrid ID="gvEditConnectedProducts" runat="server" AllowMultiRowSelection="True" RenderMode="Lightweight" Skin="Material" PageSize="25" BorderWidth="0" AutoGenerateColumns="False" AllowPaging="True" AllowSorting="False">
                            <GroupingSettings CollapseAllTooltip="Collapse all groups"></GroupingSettings>
                            <ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True" EnableRowHoverStyle="True">
                            </ClientSettings>
                            <MasterTableView DataKeyNames="ProductId">
                                <Columns>
                                    <telerik:GridTemplateColumn UniqueName="CheckBoxTemplateColumn">
                                        <HeaderStyle CssClass="myGridHeader" />
                                        <ItemTemplate>
                                            <label class="k-checkbox k-checkbox--brand">
                                                <asp:CheckBox runat="server" ID="cbSelectedItem" AutoPostBack="True" OnCheckedChanged="ToggleRowSelection" />
                                                <span></span>
                                            </label>
                                        </ItemTemplate>
                                        <HeaderTemplate>
                                            <label class="k-checkbox k-checkbox--brand">
                                                <asp:CheckBox runat="server" ID="headerCheckbox" AutoPostBack="True" OnCheckedChanged="ToggleSelectedState" />
                                                <span></span>
                                            </label>
                                        </HeaderTemplate>
                                        <ItemStyle Width="25px" />
                                    </telerik:GridTemplateColumn>
                                    <telerik:GridBoundColumn DataField="ProductCode" HeaderText="<%$ resources: PRODUCT_GRID_CODE %>" UniqueName="Address" Visible="True">
                                        <HeaderStyle CssClass="myGridHeader" />
                                    </telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn DataField="ProductName" HeaderText="<%$ resources: PRODUCT_GRID_NAME %>" UniqueName="first_name" Visible="True">
                                        <HeaderStyle CssClass="myGridHeader" />
                                    </telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn DataField="ProductNumber" HeaderText="<%$ resources: PRODUCT_GRID_NUMBER %>" UniqueName="Address" Visible="True">
                                        <HeaderStyle CssClass="myGridHeader" />
                                    </telerik:GridBoundColumn>
                                </Columns>
                            </MasterTableView>
                        </telerik:RadGrid>
                    </ContentTemplate>
                </asp:UpdatePanel>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <asp:LinkButton runat="server" ID="btnAddSelectedProducts" OnClick="btnAddSelectedProducts_OnClick" class="btn btn-brand"><%= GetGlobalResourceObject("ButtonText", "BTN_UPDATE") %></asp:LinkButton>
            </div>

        </div>
    </div>
</div>

когда я нажимаю «Сохранить» в модальном режиме, он должен обновить помол внутри панели обновления с режимом условного обновления. Триггер - кнопка сохранения в модале.

Это работает ... но модал не закроется после того, как метод будет завершен .. Я использую это в коде, чтобы "скрыть" модал, ведьма работает ..

 ScriptManager.RegisterStartupScript(this, this.GetType(), "Pop", "$('#connProductsModal').modal('hide');", true);

но затем страница (все функции java-скрипта) зависает: / Если я пропускаю функцию «скрыть», все работает как надо, но модальное окно не закрывается.

Есть идеи?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...