Ajax WebGrid分页MVC3
我正在使用Ajax WebGrid分页MVC3,ajax,asp.net-mvc-3,paging,webgrid,Ajax,Asp.net Mvc 3,Paging,Webgrid,我正在使用WebGrid,我需要使用Ajax在页面之间切换 索引代码 <script src="../../Scripts/jquery.unobtrusive-ajax.js" type="text/javascript"></script> <script src="../../Scripts/jquery-1.5.1.min.js" type="text/javascript"></script> @using (Ajax.BeginForm
WebGrid
,我需要使用Ajax在页面之间切换
索引代码
<script src="../../Scripts/jquery.unobtrusive-ajax.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-1.5.1.min.js" type="text/javascript"></script>
@using (Ajax.BeginForm("GetGrid", new AjaxOptions() { UpdateTargetId = "Res" }))
{
<input type="text" />
<input type="submit" value="start" />
<div id="Res">
</div>
}
public class ABCController : Controller
{
//
// GET: /ABC/
public ActionResult Index()
{
return View();
}
public static List<Model> mo = new List<Model>();
[HttpPost]
public ActionResult GetGrid()
{
for (int i = 0; i < 1000; i++)
{
mo.Add(new Model() { Someting = i.ToString() });
}
return PartialView("Result", mo);
}
}
public class Model
{
public string Someting { get; set; }
}
@使用(Ajax.BeginForm(“GetGrid”,新的AjaxOptions(){UpdateTargetId=“Res”}))
{
}
结果部分视图
@model IEnumerable<MvcApplication1.Controllers.Model>
<div id="grid2">
@{
var grid = new WebGrid(source:Model,rowsPerPage:6,ajaxUpdateContainerId: "grid2");
@grid.GetHtml(htmlAttributes: new { id = "grid2" },
columns: grid.Columns(
grid.Column("Someting")
));
}
</div>
@model IEnumerable
@{
var grid=new WebGrid(来源:Model,rowsPerPage:6,ajaxUpdateContainerId:“grid2”);
@GetHtml(htmlAttributes:new{id=“grid2”},
列:grid.columns(
网格柱(“Someting”)
));
}
控制器代码
<script src="../../Scripts/jquery.unobtrusive-ajax.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-1.5.1.min.js" type="text/javascript"></script>
@using (Ajax.BeginForm("GetGrid", new AjaxOptions() { UpdateTargetId = "Res" }))
{
<input type="text" />
<input type="submit" value="start" />
<div id="Res">
</div>
}
public class ABCController : Controller
{
//
// GET: /ABC/
public ActionResult Index()
{
return View();
}
public static List<Model> mo = new List<Model>();
[HttpPost]
public ActionResult GetGrid()
{
for (int i = 0; i < 1000; i++)
{
mo.Add(new Model() { Someting = i.ToString() });
}
return PartialView("Result", mo);
}
}
public class Model
{
public string Someting { get; set; }
}
公共类ABCController:控制器
{
//
//获取:/ABC/
公共行动结果索引()
{
返回视图();
}
公共静态列表mo=新列表();
[HttpPost]
公共操作结果GetGrid()
{
对于(int i=0;i<1000;i++)
{
mo.Add(新模型(){Someting=i.ToString()});
}
返回部分视图(“结果”,mo);
}
}
公共类模型
{
公共字符串Someting{get;set;}
}
这对第一页有效,但对其他页面没有任何影响。几个小时后,我找不到任何对我有帮助的东西。我注意到我的页面链接的html代码。 页面链接
<a href="#" onclick="$('#grid2').load('/ABC/GetGrid?page=2&__=635163360142144025 #grid2');">2</a>
我希望这对某些人有帮助。几个小时后,我找不到一些对我有帮助的东西。我注意到我的页面链接的html代码。 页面链接
<a href="#" onclick="$('#grid2').load('/ABC/GetGrid?page=2&__=635163360142144025 #grid2');">2</a>
我希望这对某些人有帮助