Grid.Mvc中的页面上不显示过滤属性

时间:2017-05-18 23:03:01

标签: c# asp.net-mvc gridview mvcgrid mvcgrid.net

我使用Grid.Mvc显示网格,排序&虽然我在网格中添加了“ .Filterable(true).WithMultipleFilters()”,但是分页工作正常但网格上没有显示过滤器。以下是我的代码。 GridMvc.css到位了,我错过了什么吗?提前谢谢!

               @Html.Grid(Model.List).Columns(c =>
               {
                   c.Add(o => o.key, true);
                   c.Add(o => o.listitem1).Titled("listitem1");
                   c.Add(o => o.listitem2).Titled("listitem2");
                   c.Add(o => o.listitem3).Titled("listitem3");
                   c.Add(o => o.listitem4).Titled("listitem4");
               }).WithPaging(10).Sortable(true).Filterable(true).WithMultipleFilters()

3 个答案:

答案 0 :(得分:1)

您需要在视图中引用Gridmvc.css。

答案 1 :(得分:1)

当我在项目中实施mvc.grid时,几天前我也遇到了同样的问题。

我通过在母版页中添加以下代码解决了这个问题。

代码:

<html>
    <head>
        <link href="~/Content/MvcGrid/mvc-grid.css" rel="stylesheet">
    </head>
    <body>
        @RenderBody()

        <script src="~/Scripts/JQuery/jquery.js"></script>
        <script src="~/Scripts/MvcGrid/mvc-grid.js"></script>
        <script>
            $('.mvc-grid').mvcgrid();
        </script>
    </body>
</html>

除此之外,请确保文件的路径( mvc-grid.css,jquery.js,mvc-grid.js )是正确的,因为这可能会产生巨大的问题

这里有一个重要的事情就是这行代码

        <script>
       $('.mvc-grid').mvcgrid();
            </script>

应该放在body标签内,我试图将它放在head标签中,它不起作用,如果你放在body标签内,那么只有它可以工作。

如果这些信息对你没有帮助,不用担心,他们在这里给出了正式的安装文档:

http://mvc6-grid.azurewebsites.net/Home/Installation

请遵循,你一定会得到它。一切顺利

请告诉我您的想法或反馈。

由于

KARTHIK

答案 2 :(得分:0)

我有同样的问题,gridmvc.js和gridmvc.css文件没有加载,问题是因为我在局部视图中将它们放在@section {}函数中。您不能在局部视图中使用@section {}。把它放在树上,你会没事的。