mvc6中的网格视图答案

【问题标题】：Grid view in mvc6mvc6中的网格视图
【发布时间】：2017-06-10 14:24:33
【问题描述】：

如何在 MVC-6 中添加网格视图？

我想使用 webgrid 来列出详细信息。是否可以使用 System.Web.Helpers 作为命名空间。但我没有得到它的支持

【问题讨论】：

标签： asp.net-core-mvc

【解决方案1】：

这个项目可以满足您的要求，一个简单的 ASPNET MVC 网格控件（使用 Razor）：MVC6.Grid.Web

【讨论】：

【解决方案2】：

你也可以试试NetCoreControls。

专为 .NET MVC Core 构建。 Grid Control 是服务器端的，使用 AJAX，支持分页、过滤和事件。

查看文档和演示网站。

【讨论】：

【解决方案3】：

您可以使用 Shield UI for ASP.NET Core NuGet package 并通过 Bower 或商业 Shield UI 套件将其与免费的 Shield UI Lite 集成。

他们的 Grid 小部件很棒！

【讨论】：

【解决方案4】：

我建议使用 jqGrid（或者可能是其他一些 java 脚本网格）。从 MVC 控制器返回 ActionResult 作为 JSON 对象

public ActionResult UserList()
    {
        object userListData = null;
        try
        {
            List<UserListViewModel> users = 'your code to get the user list'
            userListData = new
            {
                page = 1,
                records = users.Count,
                rows = users
            };
        }
        JavaScriptSerializer serializer = new JavaScriptSerializer();
        serializer.MaxJsonLength = int.MaxValue;
        return new ContentResult()
        {
            Content = serializer.Serialize(userListData),
            ContentType = "application/json",
        };
    }

并在页面加载/jQuery 文档中调用它准备好类似这样的东西。

 $("#userTable").jqGrid({
    url: '../User/UserList,
    mtype: 'GET',
    datatype: "json",
    autowidth: true,
    colNames: ['Id', 'First Name', 'Last Name'],
    colModel: [
        { name: 'Id', key: true, hidden: true, fixed: false, shrinkToFit: false, align: 'left' },
        { name: 'FirstName', fixed: false, shrinkToFit: false, align: 'left' },
        { name: 'LastName', fixed: false, shrinkToFit: false, align: 'left' }
    ],

有关 jqGrid 的更多信息，请参阅http://jqgrid.com/ 的演示

【讨论】：

这个答案不是针对 MVC 而是针对 javascript。另一个问题是，当返回对象（json）时，只使用 API 控制器而不是 MVC。
我赞成这个答案。不知道为什么它被两次否决。我一直在寻找一个免费的网格，虽然 NonFactors 的 MVC6 网格可能是一个不错的选择，但它不允许编辑。我也找不到对 webgrid 的引用，所以我猜它没有导入到 .mvc6 中。经过数小时的搜索，jqgrid 似乎确实是最好的选择。这是一个很好的答案，因为它解决了所需的内容，即 mvc6 的网格，因为 webgrid 似乎不是一个选项。通过解释这个答案可能会更好，如果 webgrid 可用，这个答案可以说明这是一个可行的选择以及为什么