1

我正在使用 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()
4

3 回答 3

1

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

于 2017-05-18T23:14:50.760 回答
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

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

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

谢谢

卡尔提克

于 2017-05-19T01:26:42.150 回答
0

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

于 2017-10-06T15:27:58.303 回答