Закрыть модальное всплывающее окно после отправки сообщения на стороне сервера - PullRequest
Новая
       11

Закрыть модальное всплывающее окно после отправки сообщения на стороне сервера

0 голосов
/ 25 апреля 2018

У меня есть bootstrap modal pop up.Внутри этого есть много элементов управления и кнопка отправки.Поэтому после успешной отправки я хочу закрыть это всплывающее окно.Ниже приведен код, который показывает сообщение как Record Saved successfully. 

if (strMessage == "Success" && strSaveSubmit == "Draft")
            {
                ClientScript.RegisterStartupScript(Page.GetType(), "erroralert", "alert('Record Saved as Draft Successfully');", true);                    
            }

Но с этим я хочу закрыть модальное всплывающее окно, которое я не могу.вот этот div 

<div class="modals">

        <form id="frmFileUpload" runat="server">
            <div class="col-sm-6">
                <asp:HiddenField ID="hdnFileInfo" runat="server" />
                <asp:HiddenField ID="hdnClose" runat="server" />
                <label>Sap ID</label>
                <asp:Label ID="lblSapId" Text="" runat="server" />
            </div>

            <div class="col-sm-6">
                <label>Candidate ID</label>
                <asp:Label ID="lblCandidateId" Text="" runat="server" />
            </div>

            <div class="col-sm-6">
                <label>Technical Feasible</label>
                <div class="selectWraper">
                    <asp:DropDownList ID="ddlTechFeasible" runat="server">
                        <asp:ListItem Text="Select" Value="Select" />
                        <asp:ListItem Text="YES" Value="YES" />
                        <asp:ListItem Text="NO" Value="NO" />
                    </asp:DropDownList>
                </div>
            </div>

            <div class="col-sm-6">
                <div class="upload">
                    <label>Upload Document</label>
                    <asp:HiddenField ID="hdnGetFileName" runat="server" />
                    <div id="dvFileUpload">
                        <asp:FileUpload runat="server" ID="flufileUpload" AllowMultiple="true" CssClass="chooseFile" />
                    </div>
                </div>
            </div>

            <div class="col-sm-6">
                <label>Remarks</label>
                <asp:TextBox ID="txtRemarks" runat="server" TextMode="MultiLine" />
            </div>
            <div class="col-sm-6" style="overflow: auto; height: 100px;">

                <asp:GridView ID="grdFilesInfo" runat="server" AutoGenerateColumns="false" EmptyDataText="No files uploaded">
                    <Columns>
                        <asp:BoundField DataField="Text" HeaderText="Uploaded Files" />
                        <asp:TemplateField>
                            <ItemTemplate>
                                <asp:LinkButton ID="lnkDownload" ToolTip="download files" CssClass="fa fa-download" CommandArgument='<%# Eval("Value") %>' runat="server" OnClick="lnkDownload_Click"></asp:LinkButton>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField>
                            <ItemTemplate>
                                <asp:LinkButton ID="lnkDelete" ToolTip="delete files" CssClass="fa fa-trash-o" CommandArgument='<%# Eval("Value") %>' runat="server" OnClientClick="if (!confirm('Are you sure you want delete the file?')) return false;" OnClick="lnkDelete_Click" />
                            </ItemTemplate>
                        </asp:TemplateField>
                    </Columns>
                </asp:GridView>
            </div>

            <div class="clearfix"></div>
            <div class="modalButton">

                <asp:Button ID="btnSaveDraft" runat="server" Text="Save as Draft" OnClick="btnSaveDraft_Click" CssClass="button" OnClientClick="return SaveOrDraft('Draft');" />

                <asp:Button ID="btnSubmit" runat="server" Text="Submit" data-dismiss="modal" OnClick="btnSubmit_Click" CssClass="button" OnClientClick="return SaveOrDraft('Draft');" />
            </div>
        </form>
    </div>

Ответы [ 2 ]

0 голосов
/ 19 мая 2018 

if (strMessage == "Success" && strSaveSubmit == "Draft")
            {
                ClientScript.RegisterStartupScript(Page.GetType(), "erroralert", "alert('Record Saved as Draft Successfully');", true);  
ScriptManager.RegisterStartupScript(this, this.GetType(), "Popup", "closePopUP();", true);                
            }
            
function closePopUP(){

 $(".modals").modal('hide');
}
0 голосов
/ 25 апреля 2018

JQuery и Ajax - ваш друг здесь.

Вы можете просто добавить это внутри документа. Уже ... 

$(document).ready(function() {
    $('#<%= btnSubmit.ClientID %>').on('click', function () {
        $('.modals').hide(); // hides anything with 'modals' as the class
    }
}

Вы также можете просто присвоить модальному ID и использовать $ ('# ModalID'). Hide (); Вы можете назначить статический идентификатор кнопке отправки, но <% = btnSubmit.ClientID%> извлечет идентификатор для вас.

Это операция ajax? Из того кода, который у вас есть, похоже, что он выполнит обратную передачу и все равно перезагрузит страницу.

...