如何根据上一页选择过滤 Telerik 网格

Question

我想做的：-

索引页面将有一个类别下拉菜单，选择 1 然后提交，重定向到 telerik 网格页面，所有记录都来自所选类别的大表。

例如，宠物商店，商店有哪种类型的宠物的下拉列表，然后在下一页上的网格中填充了商店今天可用的该类型的所有宠物。

已经对日期过滤器进行了排序，因为它已应用于数据绑定。

数据库是通过 edmx 连接的，它有 2 个没有关系的表，但有一个类别/宠物表，其中详细介绍了每个类别/宠物，然后有一个记录表，其中有一个类别/宠物列，其中 2表有一个共同的字段。

我一直试图通过使用 ViewData 来实现这一点，它对于下拉 <%: Html.DropDownList("category", (SelectList)ViewData["CategoryList"])%> 效果非常好。但无法填充下一页上的网格。

所以有点像 http://demos.telerik.com/aspnet-mvc/grid/selectionserverside 但如果可能的话，使用下拉菜单并跨 2 页。

Answer 1

我遇到了同样的事情，所以我只是使用 jQuery 来获取每个页面的数据（将 #category 替换为类别下拉列表的 ID）：

    function onDataBinding(e) {
        showWaitDialog();
        var grid = $('#Grid').data('tGrid');

        var args = 'page=' + e.page + '&category' + $('#category').val();

        $.ajax({
            url: "/Search/AjaxBinding/",
            type: "POST",
            data: args,
            dataType: "json",
            success: function (data) {
                grid.total = data.total;
                grid.dataBind(data.data);
                hideWaitDialog();
            }
        });

    }

将其添加到您的网格代码中：

.ClientEvents(x => x.OnDataBinding("onDataBinding"))

控制器代码：

    [GridAction(EnableCustomBinding = true)]
    public ActionResult AjaxBinding(int page, int category)
    {

        var searchResultsViewModel = //Code to get search results

        return View(new GridModel
                        {
                            Data = searchResultsViewModel.SearchResults,
                            Total = searchResultsViewModel.TotalCount
                        });
    }

将类别传回，并过滤将结果放入网格之前。

Answer 2

来自文档。

Telerik Grid for ASP.NET MVC 使用其内置的基于 Linq 的表达式引擎来执行网格操作 - 分页、排序和过滤。然而在某些情况下，开发人员可能希望绕过表达式引擎和页面，自己对网格数据进行排序或过滤。这称为“自定义绑定”。

链接如下：

http://www.telerik.com/help/aspnet-mvc/telerik-ui-components-grid-data-binding-custom-binding.html

根据例子；如果这是您加载页面的控制器：

[GridAction]
public ActionResult Index(GridCommand command)
{
    IEnumerable<Order> data = GetData(command);
    var dataContext = new NorthwindDataContext();
    //Required for pager configuration
    ViewData["total"] = dataContext.Orders.Count();

    return View(data);
}

那么您的回发将是您可以过滤此内容的地方：

[GridAction]
[HttpPost]
public ActionResult Index(GridCommand command)
{
    desiredCategory = this.myDropDownList.SelectedCategory.ToString();

    //Change the query here using post back variables
    IEnumerable<Order> data = GetData(command);
    data = from x in data.[entity name]
           where x.category = desiredCategory
           select x;

    var dataContext = new NorthwindDataContext();

    //Required for pager configuration
    ViewData["total"] = dataContext.Orders.Count();

    return View(data);
}

Answer 3

我可以在没有任何代码的情况下给出一些指示（我的 MVC 有点生疏，而且我没有时间编写示例代码）。

所以基本上你有一个页面是下拉列表，然后是另一个页面是网格。
您需要的是：

• 在网格页面上将第一页提交到网格页面（表单操作指向网格页面而不是其自身），
• 查看是否从下拉列表中收到输入值，如果是，则根据该值过滤数据在绑定网格之前，
• 在此页面上发出一个隐藏字段，您可以在其中存储从下拉列表接收的过滤器值，这样在分页网格时它就不会丢失，
• 基本上检查下拉值或隐藏字段值以过滤网格

HTH