如何使用 bootstrap 调用函数背后的 C# 代码

Question

如何在用户单击保存更改时从代码后面调用函数？

<div class="container">
    <div class="modal fade" id="myModal" role="dialog" data-keyboard="false" data-backdrop="static">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">Warning you're going to delete a data</h4>
                </div>
                <div class="modal-body">
                    <p>Are you sure you want to continue?</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button type="button"  class="btn btn-primary">Save changes </button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->
</div>

像这样

protected void deleterecord(){
}

Answer 1

在 MVC 中，您可以通过向控制器的操作发送请求来完成此操作，例如

@Html.ActionLink("Save Changes", "DeleteRecord", null, new { @class="btn btn-primary" })

或

<input type="button" value="Save Changes" class="btn btn-primary"
onclick="location.href='@Url.Action("DeleteRecord", "MainController")'" />

并在控制器中添加操作

public ActionResult DeleteRecord()
{
    this.deleterecord();
    return View();
}

在 Web Forms 中，您可以在按钮单击事件上附加事件处理程序

        <asp:Button
            ID="Button_Save"
            runat="server"
            Text="Save Changes"
            CssClass="btn btn-primary"
            OnClick="Button_Click" />

或

<input type="button" value="Save Changes" runat="server" class="btn btn-primary"
onclick="Button_Click" />

并为此事件的处理程序添加代码

protected void Button_Click(object sender, EventArgs e)
{
    this.deleterecord();
}

Answer 2

您可以在您的 Web 表单中使用名为 btnSave 的按钮尝试此操作，例如：

 <button type="button" class="btn btn-default" data-dismiss="modal" onclick="javascript:SaveWithParameter('Hello Michael')">Close</button>
<script type="text/javascript">
function SaveWithParameter(parameter)
{
  __doPostBack('btnSave', parameter)
}

然后在您后面的代码中添加类似这样的内容来读取值并对其进行操作：

public void Page_Load(object sender, EventArgs e)
{
  string parameter = Request["__EVENTARGUMENT"]; // parameter
  // Request["__EVENTTARGET"]; // btnSave
}

如何使用 bootstrap 调用函数背后的 C# 代码

How to call c# code behind function using bootstrap

c#

twitter-bootstrap

bootstrap-modal