过滤属性在 Grid.Mvc 的页面上不可见
Posted
技术标签:
【中文标题】过滤属性在 Grid.Mvc 的页面上不可见【英文标题】:Filtering attributes are not visible on page in 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()
【问题讨论】:
【参考方案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。把它移到树上,你会没事的。
【讨论】:
以上是关于过滤属性在 Grid.Mvc 的页面上不可见的主要内容,如果未能解决你的问题,请参考以下文章