过滤属性在 Grid.Mvc 的页面上不可见答案

【问题标题】：Filtering attributes are not visible on page in Grid.Mvc过滤属性在 Grid.Mvc 的页面上不可见
【发布时间】：2017-10-18 22:28:21
【问题描述】：

我正在使用 Grid.Mvc 显示 Grid，排序和分页工作正常，但过滤器未显示在网格上，尽管我将“.Filterable(true).WithMultipleFilters()”添加到 Grid。下面是我的代码。 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()

【问题讨论】：

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

【解决方案1】：

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

【讨论】：

【解决方案2】：

几天前，当我在我们的项目中实现 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）是正确的，因为这会产生巨大的问题 p>

这里有一点很重要，这行代码

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

应该放在body标签里面，我试过放在head标签里面不行

如果这些信息对你没有帮助，别担心，他们在这里给出了官方安装文档：

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

请遵循，您一定会得到它。万事如意

请让我知道您的想法或反馈。

谢谢

卡提克

【讨论】：

【解决方案3】：

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

【讨论】：