网格列表视图ASP.NET MVC Kendo

Question

我是ASP.NET MVC和Kendo的新手，需要你的帮助。

我需要在同一页面中以网格和列表模式显示数据。请建议实现这一目标的最佳方式/方法是什么。我应该使用列表和网格视图，并在用户更改时隐藏和显示，或者这可以通过单个CSS完成，请建议。

Answer 1

无法在css中完成，因为Gridview和Listview是两个不同的js组件。我建议您使用共享数据源并创建两个不同的组件Demo

$("#grid").kendoGrid({
                        dataSource: productsDataSource,
                        autoBind: false,
                        pageable: true,
                        height: 300,
                        selectable: true,
                        columns: [
                            {field: "ProductName", title: "ProductName"},
                            { field: "UnitPrice", title: "Unit Price", format: "{0:c}", width: "100px" },
                            { field: "UnitsInStock", title:"Units In Stock", width: "100px" },
                            { field: "Discontinued", width: "100px" }
                        ]
                    });

$("#listView").kendoListView({
                dataSource: productsDataSource,
                template: kendo.template($("#template").html())
            });