繁体   English   中英

当用户在Bootstrap-modal中确认时,从javascript调用code-behind-method

[英]Call code-behind-method from javascript, when user confirms in bootstrap-modal

我有一个带有数据的Web表单和一个“保存”按钮。
在后面的代码中,我有一种将数据保存在数据库中的方法。
当我单击“保存”按钮时,我首先弹出一个带有2个按钮的Bootstrap确认模式对话框:“取消”和“是”。 该模式会在客户端弹出,从而节省了往返服务器的流量。
取消按钮可以通过“数据删除”正常工作。
但是,当用户单击确认模式中的“是”按钮时,如何在后面的代码中触发该方法?
标记:

<div>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:Button ID="btnSave" runat="server" OnClientClick="return ConfirmPopup();" Text="Save" />
        </ContentTemplate>
    </asp:UpdatePanel>
</div>
<div class="container">
    <div class="row">
        <button type="button" style="display: none;" id="jsbtnBS_Confirm_Modal"
            data-toggle="modal" data-target="#myBS_Confirm_Modal"
            data-backdrop="static" data-keyboard="false">
        </button>
        <div class="modal fade in" id="myBS_Confirm_Modal">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-body">
                        <span id="lblBS_Confirm_Modal">You Sure...?</span>
                    </div>
                    <div class="modal-footer">
                        <button type="button" id="btnMethod" class="btn btn-success">Yes - I'm sure</button>
                        <button type="button" id="btnCancel" class="btn btn-danger" data-dismiss="modal">Cancel</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>  

剧本:

    function ConfirmPopup() {
        $("#jsbtnBS_Confirm_Modal").click();
        $('#myBS_Confirm_Modal').on('hidden.bs.modal', function (e) {
            return false;
        });
    }

后面的代码:

    protected void btnSave_Click(object sender, EventArgs e)
    {
        ...code to save data in database...
    }

我浏览了数十个条目,那里的信息如此混乱...
任何想法将不胜感激。

编辑 (解决方案和问题):
我刚刚发现,我所要做的就是将模式中的“是”按钮更改为在服务器端运行的ASP按钮:

<asp:button ID="btnMethod" runat="server" OnClick="btnSave_Click" class="btn btn-success" Text="Yes"></asp:button>  

现在我的问题(因为我是Web编码的初学者)是: 在单击“是”按钮之前,模式将在客户端运行吗? 还是将这个按钮定义为runat =“ server”会立即将整个模式发送到服务器,在这种情况下,我失去了将流量保存到服务器并返回的好处?

为什么要使用引导模态? 将客户端单击更改为OnClientClick =“返回确认(“您的确认对话框。”);” 它应该工作。

我认为您可以在按钮中添加runat =“ server”

<button type="button" id="btnMethod" class="btn btn-success" runat="server">Yes - I'm sure</button>

然后,您可以知道何时单击此按钮。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM