0

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

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

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

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

我的观点：我创​​建了一个局部视图来填充网格，它由普通视图调用。我已经按照本教程来做到这一点。

控制器：第一次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),
    }
    )

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

公共只读 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();
}
4

1 回答 1

0

您的视图模型应包含项目列表以及搜索文本、页面大小、当前页面和总记录数的值。我使用具有以下属性的通用基类：

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

于 2012-11-26T15:15:10.677 回答