Question

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

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

Answer 1

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

Answer 2

您也可以尝试NetCoreControls。

专为.NET MVC Core而构建。网格控制是服务器端，使用AJAX，支持，分页，过滤和事件。

查看文档和演示网站。

Answer 3

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

他们的网格小部件真棒！

Answer 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/

上的演示

mvc6中的网格视图

4 个答案: