如何使用bootstrap调用c#代码后面的函数

本文关键字:函数 代码 何使用 bootstrap 调用 | 更新日期: 2023-09-27 18:18:31

当用户单击保存更改时,如何从代码后面调用函数?

<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(){
}

如何使用bootstrap调用c#代码后面的函数

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();
}

你可以在你的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
}