过滤属性在 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 的页面上不可见的主要内容,如果未能解决你的问题,请参考以下文章

系统托盘进度指示器仅在全景页面上不可见

如何调试据称正在应用但在页面上不可见的样式?

我正在扩展页眉和页脚,但是当我在页脚中传递数据时,它仅在主页上可见,在其他页面上不可见

页面在使用 ios 7 的科尔多瓦应用程序上不可见

嵌入的音频在 Safari/iOS 上不可见

Grid.Mvc 过滤