在webgrid中单击第二页时,过滤后的数据会丢失

时间:2012-11-26 13:11:18

标签: asp.net-mvc-3 entity-framework-4.1 filtering webgrid

我在MVC3 Web应用程序中创建了WebGrid。在我的应用程序中,启用了排序,过滤和分页。

问题:每当对webgrid执行过滤时,它会将过滤后的数据填充到Webgrid。但是,如果我点击第二页以查看我的搜索文本上Webgrid过滤的剩余数据,则不会显示剩余的过滤数据,而是显示网格中所有项目的完整列表。

如何在webgrid中过滤我的数据后,在第二页中获取数据。

我在网站上看到了类似的question,即使它没有解决我的问题。

我的观点:我创​​建了一个局部视图来填充网格,这是由普通视图调用的。我已经按照tutorial这样做了。

控制器:Webgrid第一次使用模型中的其他方法加载数据,以便填充数据库中的所有数据

我的部分查看代码:

@{
    ViewBag.Title = "listStudents";
    Layout = "~/Views/Shared/_Layout.cshtml";
    WebGrid grid = new WebGrid(Model, canPage: true, canSort: true, rowsPerPage: 3); 
}

@grid.Pager(WebGridPagerModes.NextPrevious)
        @grid.GetHtml(  //Error at this line
        htmlAttributes: new { id = "grdListStudents" },
    fillEmptyRows: true,
    headerStyle: "tblHeader",
    tableStyle: "tablestyle",
    mode: WebGridPagerModes.All,
    firstText: "<< First",
    previousText: "< Previous", nextText: "Next >",
    lastText: "Last >>",
    columns: new[]{
        grid.Column("intID","SId",canSort:true),
        grid.Column("strFirstName","Name",canSort:true,format:(item)=>item.strFirstName+"   "+item.strLastName),
        grid.Column("strPhone","Phone",canSort:true),
        grid.Column("strEmail","Email",canSort:true),
    }
    )

这是我在控制器中的代码:

public readonly IStudentInfo _istudentrepository;

public studentController( IStudentInfo _iStudentRepository)
{
            this._istudentrepository = _iStudentRepository;
}

//To filter according to Searched Text

[HttpPost]
        public ActionResult studentController(string txtSearch,string ddlTitle,FormCollection collect)
        {
            IEnumerable<Students> sList;
            sList = _istudentlistrepository.getAllStudentsList();

            if (txtSearch != "")
            {
                switch (ddlTitle)
                {
                    case "intId":
                        int sId = Convert.ToInt32(txtSearch);
                        sList = sList.Where(b => b.intId == sId).ToList();
                        break;
                    case "strFirstName":
                        sList = sList.Where(b => b.strFirstName.ToLower().Contains(txtSearch.ToLower())).ToList();
                        break;
                    case "strPhone":
                        sList = sList.Where(b => b.strPhone.ToLower().Contains(txtSearch.ToLower())).ToList();
                        break;
                    case "strEmail":
                        sList = sList.Where(b => b.strEmail.ToLower().Contains(txtSearch.ToLower())).ToList();
                        break;
                }
            }
            return PartialView("_grdListStudents", sList);
        }
    public ActionResult studentController(string sort, string sortdir, int? page)
    {
                int startPage = 0;
                IEnumerable<Students> sList;
                if (page.HasValue && page.Value > 0)
                {
                    startPage = page.Value;
                }
                sList = _istudentrepository.GetList(startPage, PageSize, sort, sortdir);
                return View(sList);

    }

接口IStudentInfo中的代码:

public interface IStudentInfo
    {
        IEnumerable<Students> GetList(int intPage, int intRecords, string strSort, string sortdir);

    }

模型中的代码:

private MyEntity _entity;

public StudentListRepository(MyEntity Ent)
{
            this._entity = Ent;
}
public IEnumerable<Students> GetList(int intPage, int intRecords, string strSort, string sortdir)
{

            var finalresult = new Students();
            var bidList = (from userInfo in _entity.tbl_UserInf
                           join user in _entity.tbl_User on userInfo.UserId equals user.UserId
                           select new Students()
                           {
               intID=user.UserId,
                               strFirstName = user.FirstName,
                               strEmail = userInfo.EmailId,
                               intPhone=userInfo.Phone
                           }).OrderByDescending(m => m.intID);
            finalresult.TotalResult = bidList.Count();
            switch (strSort)
            {
                case "intID":
                    if (sortdir == "ASC")
                    {
                        sList = sList.OrderBy(r => r.Id);
                    }
                    else
                    {
                        sList= sList.OrderByDescending(r => r.Id);
                    }
                    break;
    case "strFirstName":
                    if (sortdir == "ASC")
                    {
                        sList = sList.OrderBy(r => r.strFirstName);
                    }
                    else
                    {
                        sList= sList.OrderByDescending(r => r.strFirstName);
                    }
                    break;
    case "strEmail":
                    if (sortdir == "ASC")
                    {
                        sList = sList.OrderBy(r => r.strEmail);
                    }
                    else
                    {
                        sList= sList.OrderByDescending(r => r.strEmail);
                    }
                    break;
                    //repeat same for phone
           }
          finalresult.lstStudents = sList.Skip(intPage * intRecords).Take(intRecords).ToList();
           return sList.ToArray();
}

1 个答案:

答案 0 :(得分:0)

您的viewmodel应包含项目列表以及searchtext,pagesize,当前页面和总记录数的值。我使用具有以下属性的通用基类:

public class PagedViewModel<T> {
    public IList<T> Items { get; set; }
    public int PageSize { get; set; }
    public int RowCount { get; set; }
    public int Page { get; set; }
    public int PageCount { get; set; }
    public string sort { get; set; }
    public string sortdir { get; set; }
}

然后你的具体Viewmodel看起来就像这样:

public class StudentsListViewModel : PagedViewModel<Students> {
    public string Search { get; set; }
}

根据我的评论,您希望Ajax.BeginForm通过ajax更新您的网格。 然后你需要两个动作:一个用于整个页面,一个用于网格(部分)。

第一个动作返回整个页面:

public ActionResult Index() {
    StudentsListViewModel model = queryStudents(1, 10, null);
    return View(model);
}

第二个动作返回网格的局部视图:

public ActionResult UpdateStudentsGrid(StudentsListViewModel model) {
    model.Items = queryStudents(model);
    return Partial("StudentsGrid", model);
}

辅助方法查询数据并返回已过滤的列表:

private StudentsListViewModel queryStudents(int page, int rowsPerPage, 
                                             string search) {
    StudentsListViewModel = new StudentsListViewModel {
        Page = page,
        PageSize = rowsPerPage,
        Items = db.Students.Where(s => s.Name == search || search == null)
            ... add paging...;
    };
    // ToDo: set additional properties on model
    return model;
}

主页面视图包含您的ajax表单。该列表将由部分视图呈现:

@model StudentsViewModel
@using (Ajax.BeginForm("UpdateStudentsGrid", 
         new AjaxOptions { UpdateTargetId = "grid" })) {

    @Html.TextboxFor(m => m.Search)
    <input type=submit" />
    <div id="grid">
        @Html.Partial("StudentsGrid", Model);
    </div>
}

部分视图看起来像这样,只渲染网格:

@{ 
    var grid = new WebGrid(Model.Items, canPage: true, canSort: true,
                           rowsPerPage: Model.PageSize);
}
@grid.GetHtml(...)

我没有测试或编译代码:它可能不会像现在这样工作但它应该让你开始。

编辑:遗忘的寻呼机

要使寻呼机链接与您的表单一起使用,您可以根据本文简单地将表单方法从POST更改为GET:http://www.mikepope.com/blog/DisplayBlog.aspx?permalink=2377

但我不确定如何使用ajax表单。

另一种方法是截取寻呼机链接上的点击,然后使用方法POST提交表单:http://forums.asp.net/t/1703486.aspx/1