单击MVC中的按钮时如何避免回发

时间:2014-07-22 06:28:58

标签: c# asp.net-mvc razor

我的cshtml页面中有两个按钮。当我单击数据库中的第一个按钮数据提取并将其绑定到我的控件。记录很多,所以第二个按钮关闭,然后我点击第二个按钮,从数据库中取出同样的东西并绑定网格,所以页面加载然后页面上升。当我点击第二个按钮时,我想保持相同的位置。如何防止它。

2 个答案:

答案 0 :(得分:7)

按下这样的按钮:

<input type="button" id"button2" onclick="CallAjax();return false;"/>

//然后在javascript中

function CallAjax()
{

//your ajax call here to retrieve or update data

}

答案 1 :(得分:0)

这是MVC 101 ......

使您的按钮成为标准的HTML5按钮,在单击时调用JavaScript函数...

 <input type="button" id="goButton" value="Go »" onclick="goFunction();">

(我不认为你必须&#34;返回false&#34;有一个按钮,只有提交)

然后,在视图中使用Razor帮助程序来执行对控制器的Ajax调用...

function goFunction() {
    var url = '@Url.Action("MyActionMethodName", "MyControllerName")';
    var settings = { 'some data': 'some values' };
    $.ajax(url, settings);
}

有关如何使用&#34;设置&#34;的更多信息,请参阅JQuery Ajax页面。对象

顺便说一句 - 听起来就像你正在寻找一个网格&#34;但你只是忘了这么说......使用一个工具,比如Kendo。寻呼已经解决,再也无法解决。