Атрибуты фильтрации не отображаются на странице в Grid.Mvc

Я отображаю Grid с помощью Grid.Mvc, сортировка и разбиение по страницам работают, но фильтры не отображаются в сетке, хотя я добавил ".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 ответа

Решение

Вы должны ссылаться на 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{} внутри частичного представления. Переместите его вверх по дереву, и у вас все будет хорошо.

Источник

Я боролся с точно такой же проблемой, и эта тема почти помогла. Даже чего-то не хватило...

Это был путь к файлу gridmvc, вы должны адаптировать его к «вашему» проекту.

Например, мины находятся в других папках, отличных от тех, которые указаны в подтвержденном ответе;

и названия немного другие.

Но как только я поправил обе строки, в моем файле _layout.cshtml сетка заработала идеально!

Источник
Другие вопросы по тегам