Я хочу открыть загрузочную модальную .net веб-форму при нажатии кнопки - PullRequest
0 голосов
/ 24 сентября 2019

Я написал код для модального всплывающего окна, но он не работает, я новичок в .net, поэтому я не знаю, как он работает, поэтому, пожалуйста, помогите мне в этом .. При нажатии кнопки Добавить я хочу открыть модальное всплывающее окно, но егоне работает.

 <script type="text/javascript">
    $(function () {
        $("#btn_add_new").click(function () {
            $('#UsersModal').modal('show');
        });
    });
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
     <asp:Button ID="btn_add_new" runat="server" Text="Add New"  CausesValidation="False" CssClass="button" data-target="#UsersModal"
                    />


<div class="modal fade" id="UsersModal" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;</button>
                <h4 class="modal-title" id="ModalTitle">
                    New User</h4>
            </div>
            <div class="modal-body">
                <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                    <ContentTemplate>
                        <div class="col-sm-3">
                            <asp:Label ID="lbluname" Font-Size="Large" runat="server" Text="Username"></asp:Label>
                        </div>
                        <div class="col-sm-5">
                            <asp:TextBox ID="txtname" runat="server"></asp:TextBox>
                        </div>
                        <br />
                        <div class="col-sm-3">
                            <asp:Label ID="Label1" Font-Size="Large" runat="server" Text="Username"></asp:Label>
                        </div>
                        <div class="col-sm-5">
                            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                        </div>
                         <asp:CheckBox ID="chkRememberMe" Text="Remember Me" runat="server" />
                        <asp:Button ID="Button2" runat="server" CssClass="btn btn-primary" Text="Save" />
                    </ContentTemplate>
                </asp:UpdatePanel>


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


</asp:Content>

1 Ответ

1 голос
/ 24 сентября 2019

Вы можете просто использовать кнопку html следующим образом:

<button type="button" class="btn btn-primary" CssClass="button" 
 data-toggle="modal" data-target="#UsersModal">Add New</button>

Ваш javascript не требуется, чтобы открыть модал.

Модал прекрасно открывается на моей тестовой странице, используя ваш модальный код.

...