asp.net-mvc - Gridmvccore 没有在表中显示任何数据？

Question

我正在使用Nonfactors.Grid.Mvc(6.2.4)并尝试在表格中显示数据。我也在布局中包含styles和js文件，但是数据没有显示，甚至表格现在也显示了。

看法

@using NonFactors.Mvc.Grid
@model IQueryable<Student>
@{

ViewBag.Title = "Students List";
 }
    <div class="panel">

        <div class="panel-body">
            @(Html
 .Grid(Model)
 .Build(columns =>
 {
     columns.Add(model => model.Name).Titled("Name");
     columns.Add(model => model.Address).Titled("Surname");
     columns.Add(model => model.Email).Titled("Marital status");

     columns.Add(model => model.GPA).Titled("Age");
     columns.Add(model => model.Major).Titled("Birthday");
     columns.Add(model => model.Minor).Titled("Employed");
 })
 .Empty("No data found")
 .Filterable()
 .Sortable()
 .Pageable()
 )
        </div>

控制器方法

   [HttpGet]
    public ViewResult LoadStudents()
    {
        List<Student> students = (from Student in this.Context.Students
                                  select Student).ToList();
        var queryable = students.AsQueryable();// i debug and see data is populating in this

        return View(Context.Set<Student>());

    }

我还使用检查元素并检查控制台错误，但也没有显示错误。我已经通过包管理器安装了 gridmvc。没有错误显示，即使构建成功但没有数据显示，

Answer 1

您应该按照以下链接中的步骤操作： https ://aspnet-core-grid.azurewebsites.net/installation

阅读时考虑照片的步骤。

1. afetr 从 nuget 安装，转到您的用户配置文件文件夹并
   在您的项目中遵循路径 .nuget\packages\NonFactors.Grid.Mvc6 您应该在照片中具有相同的解决方案资源管理器（如照片）。在提供的路径中查找文件并复制到创建的文件夹。
2. 将 css 和 js 添加到您的主页（对我来说：index.html）。
3. 在部分视图中使用网格扩展命名空间（@using NonFactors.Mvc.Grid）（对我来说：_indexGrid.html）
4. 最后在包含 mvc-grid.js 后将以下代码添加到脚本标记

document.querySelectorAll(".mvc-grid").forEach(element => new MvcGrid(element));

Answer 2

你使用 asp.net core mvc 还是 asp.net mvc？

Nonfactors.Grid.Mvc(6.2.4)用于 ASP.NET MVC 项目。

确保正确引用了脚本。

如果你使用 asp.net mvc，你也可以试试 Grid.Mvc，它可以在我的网站上运行：

https://www.codeproject.com/Tips/597253/Using-the-Grid-MVC-in-ASP-NET-MVC

结果如下：