javascript – 如何在JS中动态地使gird groupable为false / true?
作者:互联网
首先,我的网格定义如下:我单击搜索按钮然后网格读取数据并按类分组:
@(Html.Kendo().Grid<Student>()
.Name("StudentGrid")
.Scrollable()
.Columns(columns =>
{
columns.Bound(o => o.Class).Groupable(true).Title("Class");
columns.Bound(o => o.Name).Groupable(true).Title("Name");
columns.Bound(o => o.Point).Groupable(true).Title("Point");
}).AutoBind(false)
.DataSource(dataSource => dataSource
.Ajax().Group(i => i.Add(a => a.Class))
.Read(read => read.Action("GetStudentPoint", "StudentControl"))
.Events(events => events.Error("error_handler"))
))
现在我想让gird groupable为false并隐藏class列.这意味着,我不想将学生数据分组并隐藏类列:
$("#StudentGrid").data("kendoGrid").Groupable( false );
$("#StudentGrid").data("kendoGrid").hideColumn(0);
$("#StudentGrid").data("kendoGrid").dataSource.read();
我的代码出了什么问题?
解决方法:
即使网格具有groupable = false,并且dataSource仍然有一个组,输出也会显示为分组.如果你只是添加
$("#StudentGrid").data("kendoGrid").dataSource.Group("");
在dataSource.read()之前;这应该清理任何分组.仅将grid.groupable设置为false只会关闭将列标题拖动到按区域分组的功能.
隐藏列应该正常工作,但您可能需要在网格上调用刷新.
$("#StudentGrid").data("kendoGrid").refresh();
这是一个小样本(不使用MVC,但仍应适用). http://jsbin.com/iNagENo/2/edit
标签:javascript,jquery,kendo-ui,kendo-grid,kendo-asp-net-mvc 来源: https://codeday.me/bug/20190831/1776163.html