Question

我有问题。 asp.net后面的代码我希望使用以下代码运行模态弹出窗口。但是我的研究并不是很成功。

您认为我应该如何实施流程？

<script type="text/javascript">
    function showAjaxModal() {
        jQuery('#Modal_Alert').modal('show', { backdrop: 'static' });

    }
</script>
<div class="modal fade" id="Modal_Alert">
    <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">
                    <asp:Label runat="server" ID="LblAlertHeader"></asp:Label></h4>
            </div>

            <div class="modal-body">
                <asp:Label runat="server" ID="LblAlertBody"></asp:Label>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Kapat</button>
                <%--<button type="button" class="btn btn-info">Save changes</button>--%>
            </div>
        </div>
    </div>
</div>

我想做

if (true)
        {
            //open modal
        }
        else
        {
            //open modal
        }

代码正在运行

<a href="javascript:;" onclick=" showAjaxModal(); " class="btn btn-default" >Show Me</a>

但不是背后的工作代码。

protected void BtnKaydet_Click(object sender, EventArgs e)
    { //openmodal; }

请帮忙。

Answer 1

在按钮上单击

后面的代码中添加此项

ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "key", "showAjaxModal()", true);

Answer 2

使用下面的代码

                <script type="text/javascript">
                    function showAjaxModal() {
                       jQuery('#Modal_Alert').modal('show', { backdrop: 'static' });
                       return false;

                    }
                </script>
                 <asp:Button ID="BtnKaydet" runat="server" UseSubmitBehavior="false" OnClientClick="return showAjaxModal();" />

带有代码的Jquery模态

2 个答案:

使用下面的代码