如何解决Asp.net Mvc3 webgrid和分页
我正在尝试学习Asp.net MVC。我知道它与形式不同，我可能需要改变思维方式。我的问题是关于webgrid的。当我将webgrid添加到我的页面并单击Post时单击搜索按钮时，它将使用传呼机等渲染表格。但是传呼机上的链接不是发布表单，它们只是链接，我丢失了所有表单数据。 控制器有两种索引方法，一种用于获取，另一种用于发布。为了让我什么都不做，在这种情况下，我只是创建新的viewmodel Search类并将其设置为view。对于我的发布方法，我抓住我的视图模型进行搜索并将填充的视图模型设置为视图。 问题：webgrid将分页器呈现为链接，因此它将进入索引以获取，但由于它不是发布请求，因此我没有填写任何表单字段，并且我的搜索将不会提供完全相同的结果集。 也许示例代码可以更好地解释它。 视图：<form action=\"\" method=\"post\">
Esas no : @Html.TextBoxFor(x=>x.Name)
Yil : @Html.TextBoxFor(x=>x.Year)
<input type=\"submit\" value=\"Search\" />
<hr />
@ViewBag.Message
<hr />
@{ var grid = new WebGrid(Model.Results,rowsPerPage:5);}
@grid.GetHtml(tableStyle:\"table\",htmlAttributes:new {id=\"tbl\"} )
</form>
private ISearchContext _sc;
public MyController(ISearchContext sc)
{
_dc = dc;
}
//
// GET: /Dava/
public ActionResult Index()
{
var search = new Search();
ViewBag.Message = \"\";
return View(search);
}
[HttpPost]
public ActionResult Index(Search search)
{
Search sres = _dc.SearchFromRepository(search);
ViewBag.Message = String.Format(\"Count:{0} \",sres.Results.Count);
return View(sres);
}
public class Search
{
public int Year { get; set; }
public string Name { get; set; }
public IList<Item> Results { get; set; }
public Search()
{
Results = new List<Item>();
}
}
解决方法
解决此问题的一种方法是使用javascript并订阅任何寻呼机链接的click事件，然后获取所需页面的值，将其注入到表单上的隐藏字段中，然后将表单提交给服务器，以便其他两个值也被发送。
因此，首先在
Search
Page
@Html.HiddenFor(x => x.Page,new { id = \"page\" })
$(function () {
$(\'tfoot a\').click(function () {
// when the user clicks on any of the pager links
// try to extract the page number from the link and
// set the value of the hidden field
var page = this.href.match(/page=([0-9])+/)[1];
$(\'#page\').val(page);
// submit the form so that the POST action is invoked
// passing along the search criteria (Name and Year) along
// with the page hidden field value to the Index action
$(\'form\').submit();
// cancel the default action of the link which is to simply redirect
// to the Index action using a GET verb.
return false;
});
});
AjaxOptions
POST
@helper DoPager(System.Web.Mvc.HtmlHelper hh,string pageActionName,WebGrid grid,int maxPageLinks,object rvd) {
<div class=\"pager\">
<div class=\"pageof\">Page <b>@(grid.PageIndex + 1)</b> of <b>@grid.PageCount</b></div>
@if (grid.PageCount > 1) {
<ul>
<li>
@{ RouteValueDictionary rvdp1 = new RouteValueDictionary(rvd);
rvdp1.Add(\"Page\",1);
}
@hh.ActionLink(\"<<\",pageActionName,rvdp1)
</li>
@{ int start = Math.Max(0,grid.PageIndex - maxPageLinks / 2); }
@for (int ix = 0; ix + start < grid.PageCount; ix++) {
int pageno = start + ix + 1;
var css = hh.Raw(pageno - 1 == grid.PageIndex ? \" class=\\\"highlighted\\\"\" : \"\");
RouteValueDictionary rvdp = new RouteValueDictionary(rvd);
rvdp.Add(\"Page\",pageno);
<li@css>
@hh.ActionLink(pageno.ToString(),rvdp)
</li>
if (ix >= maxPageLinks) { break; }
}
<li>
@{ RouteValueDictionary rvdpX = new RouteValueDictionary(rvd);
rvdpX.Add(\"Page\",grid.PageCount);
}
@hh.ActionLink(\">>\",rvdpX)
</li>
</ul>
}
</div>
}
@helper DoAjaxPager(System.Web.Mvc.AjaxHelper aa,System.Web.Mvc.Ajax.AjaxOptions aopts,System.Web.Mvc.HtmlHelper hh,1);
}
@aa.ActionLink(\"<<\",rvdp1,aopts)
</li>
@{ int start = Math.Max(0,pageno);
<li@css>
@aa.ActionLink(pageno.ToString(),rvdp,aopts)
</li>
if (ix >= maxPageLinks) { break; }
}
<li>
@{ RouteValueDictionary rvdpX = new RouteValueDictionary(rvd);
rvdpX.Add(\"Page\",grid.PageCount);
}
@aa.ActionLink(\">>\",rvdpX,aopts)
</li>
</ul>
}
</div>
}
<center>
@LocalHelpers.DoPager(Html,\"Index\",grid,10,new { CurrentFilter = ViewBag.CurrentFilter })
</center>
@grid.Table(
tableStyle: \"centerit\",columns: grid.Columns(
grid.Column(format: @<span>@Html.ActionLink(\"Edit\",\"Edit\",new { id = item.ID }) | @Html.ActionLink(\"Details\",\"Details\",new { id = item.ID }) | @Html.ActionLink(\"Delete\",\"Delete\",new { id = item.ID })</span>),grid.Column(\"PartNumber\",\"Part Number\"),grid.Column(\"Description\",\"Description\"),grid.Column(\"Regex\",\"Regex\")
)
)
<center>
@LocalHelpers.DoPager(Html,new { CurrentFilter = ViewBag.CurrentFilter })
</center>
public class SearchResultModel
{
public string SearchText{ get; set; }
public List<YourObject> Results { get; set; }
public int TotalResults { get; set; }
}
@model SearchResultModel
@using (Ajax.BeginForm(\"SearchAction\",\"SearchController\",new AjaxOptions{UpdateTargetId = \"data-grid\",HttpMethod=\"Post\"}))
{
@Html.TextBoxFor(m => m.SearchText)
<input class=\"myButton\" type=\"submit\" value=\"Search\" />
}
<br />
<div id=\"data-grid\">
@Html.Partial(\"SearchResults\",new SearchResultModel())
</div>
@model SearchResultModel
@{
if (Model.Results != null && Model.Results.Count > 0)
{
var grid = new WebGrid(canPage: true,rowsPerPage: 10,canSort: true,ajaxUpdateContainerId: \"grid\");
grid.Bind(Model.Results,rowCount: Model.TotalResults,autoSortAndPage: false);
grid.Pager(WebGridPagerModes.All);
@grid.GetHtml(htmlAttributes: new { id = \"grid\" },columns: grid.Columns(
grid.Column(\"YourColumn1\"),grid.Column(\"YourColumn2\"),grid.Column(\"YourColumn3\")
),tableStyle: \"datatable\",rowStyle: \"datatable-normal\",alternatingRowStyle: \"datatable-alt\"
);
}
else
{
<span>No Results</span>
}
}
public class SearchController
{
public ActionResult SearchAction(SearchResultModel model)
{
return RedirectToAction(\"SearchResults\",new { id = model.SearchText });
}
public ActionResult SearchResults(string id)
{
string searchText = id;
int page = 1;
if(Request[\"page\"] != null)
int.TryParse(Request[\"page\"],out page);
SearchResultModel model = new SearchResultModel();
//Populate model according to search text and page number
//........
//........
return PartialView(model);
}
}
[HttpGet]
public ActionResult Index()//My default action result that will render the grid at its default situation
{
SearchViewModel model = new SearchViewModel();
if (Request.IsAjaxRequest()) //First trick is here,this verification will tell you that someone sorted or paged the grid.
{
if (Session[\"SearchViewModel\"] != null) //If session is not empty,you will get the last filtred values from it.
model = (SearchViewModel)Session[\"SearchViewModel\"];
}
else // If it is not an AjaxRequest,you have to clear your Session,so new requests to Index with default behavior won\'t display filtred values.
{
Session[\"SearchViewModel\"] = null;
}
model.GridResult = ExecuteFilter(model); // OPITIONAL! This code dependes on how is your real world situation. Just remember that you need to return a default behavior grid if the request was not called by the WebGrid,or return filtred results if WebGrid requested.
return View(model);
}
[HttpPost]
public ActionResult Index(SearchViewModel pesquisa) // IMPORTANT!! It is necessary to be the SAME NAME of your GET ActionResult. The reason for that I know,but won\'t discuss here because it goes out of the question.
{
SearchViewModel model = new SearchViewModel();
model.GridResult = ExecuteFilter(pesquisa); // Execute your filter
Session[\"SearchViewModel\"] = model; //Save your filter parameters on Session.
return View(\"Index\",model);
}
$(\'#yourGrid\').load(\'it pass the url used to display your current Page,and some paging or sorting parameters,but those are used by the WebGrid\')
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。