如何使用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">×</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(){
}
在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
}