Home / Questions / 150527
Accepted
sunflower
Asked: 2020-03-27 09:02:01 +0800 CST 2020-03-27 09:02:01 +0800 CST

如何避免在执行按钮事件后（在模态框内）关闭模态框？

  • 772

我有一个引导模式，其中包含一个文本框和一个数字键盘，所以当你点击一个按钮时，你必须在文本框中“输入”按钮的编号。问题是单击任何按钮（在模态键盘上）都会关闭模态。数字确实保持不变，但要看到它，我必须再次打开模式。有没有办法让模态不关闭？

我读到可以通过在模态主体内放置一个更新面板来解决它以避免自动回发......但我不知道如何。

<!--VENTANA MODAL -->  
<div class="modal fade" id="recep"  tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
<div class="modal-content">
<div class="modal-header" style="align-content:center">
<h2 class="modal-title" id="exampleModalLabel">TITULO MODAL</h2>
</div>
<div class="form-group" >
<div class="modal-body" style="align-content:center;">
        
<h2 style="text-align: justify">Ingrese un numero:</h2>
<!--teclado numerico -->
<asp:Button ID="b0" runat="server" Text="0" OnClick="b0_Click"/>
<asp:Button ID="b1" runat="server" Text="1" OnClick="b1_Click"/>
<asp:... etc...

<!--textbox -->
<asp:textbox id="sem" runat="server" autocomplete="off"></asp:textbox>	
</div>
</div>

<!--cerrar -->
<div class="modal-footer" style="align-content:center">
<asp:Button id="cr" runat="server"  data-dismiss="modal" text="CANCELAR" />

<!--guardar-->
<asp:Button id="RR" runat="server" text="ACEPTAR" OnClick="RR_Click"/>
</div>
</div>
</div>
</div>
	 <!--VENTANA MODAL -->
   

webform aspx.cs
  protected void b0_Click(object sender, EventArgs e)
        {

                sem.Text = sem.Text + "0";
       }
感谢您的阅读。

c#

1 Answers

  1. Best Answer

    你让我知道的任何事情，请记住，当你在浏览器中时，你放在服务器上的 ID 会改变。

    <!--VENTANA MODAL -->
<div class="modal fade" id="recep" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header" style="align-content: center">
                <h2 class="modal-title" id="exampleModalLabel">TITULO MODAL</h2>
            </div>
            <div class="form-group">
                <div class="modal-body" style="align-content: center;">

                    <h2 style="text-align: justify">Ingrese un numero:</h2>
                    <!--teclado numerico -->
                    <button id="b0" type="button">0</button>
                    <button id="b1" type="button">1</button>

                    <!--textbox -->
                    <asp:TextBox ID="sem" runat="server" autocomplete="off"></asp:TextBox>
                </div>
            </div>

            <!--cerrar -->
            <div class="modal-footer" style="align-content: center">
                <button id="cr" data-dismiss="modal">CANCELAR</button>

                <!--guardar-->
                <asp:Button ID="RR" runat="server" Text="ACEPTAR" OnClick="RR_Click" /> <%--Aquí podrías redireccionar a otra página con un mensaje de confirmación--%>
            </div>
        </div>
    </div>
</div>

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#recep">
  lanzar modal
</button>
 <script src="Scripts/jquery-3.0.0.js"></script>
        <script src="Scripts/jquery-3.0.0.min.js"></script>
<script>
    $("#b0").on("click", function () {
        $("#head_sem").val($("#head_sem").val() + "0"); 
        // En mi caso el ID es MainContent_sem, sí no funciona inspeciona la página y mira que ID tiene tu textBox
    });
    $("#b1").on("click", function () {
        $("#head_sem").val($("#head_sem").val() + "1");
        // En mi caso el ID es MainContent_sem, sí no funciona inspeciona la página y mira que ID tiene tu textBox
    });
</script>
    • 1