Grid.Mvc 中的页面上不显示过滤属性
Filtering attributes are not visible on page in Grid.Mvc
我正在使用 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()
您需要在您的视图中引用 Gridmvc.css。
几天前,当我在我们的项目中实施 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
请关注,一定会收到。祝一切顺利
请让我知道您的想法或反馈。
谢谢
卡尔提克
我遇到了同样的问题,gridmvc.js 和 gridmvc.css 文件没有加载,问题是因为我将它们放在局部视图的 @section{} 函数中。您不能在局部视图中使用 @section{}。把它移到树上,你应该没问题。
我正在使用 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()
您需要在您的视图中引用 Gridmvc.css。
几天前,当我在我们的项目中实施 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
请关注,一定会收到。祝一切顺利
请让我知道您的想法或反馈。
谢谢
卡尔提克
我遇到了同样的问题,gridmvc.js 和 gridmvc.css 文件没有加载,问题是因为我将它们放在局部视图的 @section{} 函数中。您不能在局部视图中使用 @section{}。把它移到树上,你应该没问题。