Telerik Kendo MVC Grid - 如何使用复选框列设置加载/初始过滤器等于 True? [英] Telerik Kendo MVC Grid - How do I set onload/initial filter equals True with checkbox columns?

查看:19
本文介绍了Telerik Kendo MVC Grid - 如何使用复选框列设置加载/初始过滤器等于 True?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我负责将我公司当前的 Web 表单站点页面更改为 MVC.我们使用 Telerik 工具包,我正在寻找一种在我的网格上设置初始过滤器的方法,以便在加载页面时,网格默认仅显示已检查的记录(true).我发现了几个与此类似的问题,但到目前为止,我在这些实例中找到的答案都没有涉及复选框.

下面的代码是我的Active?"= MVC 网格中的 True/False 列.我正在检查每条记录的删除日期,当存在删除日期时,将其视为已停用".我的用户启动的过滤器在网格上运行良好,但我无法弄清楚如何将此列的初始过滤器值设置为 TRUE,同时还允许用户清除过滤器,然后查看停用的记录和活动记录.

感谢您提供的任何帮助.如果我的实现完全错误,请随时告诉我,但也请提供一个示例,说明实现此功能的正确方法.

columns.Bound("DeleteDateUTC").ClientTemplate("<input type='checkbox' #= kendo.parseDate(DeleteDateUTC) ?'' : checked='checked' # disabled='disabled'/>").Title("活动?").Filterable(ftb => ftb.Cell(cell => cell.Operator("等于"))).宽度(100);

谢谢!

编辑 1:

@(Html.Kendo().Grid().Name("OperatorsGrid").Mobile(MobileMode.Auto).Pageable(pager => pager.PageSizes(new int[] { 50, 100, 250 }).刷新(真)).Sortable().Resizable(resize => resize.Columns(true)).HtmlAttributes(new { style = "height: 800px;" }).Scrollable().ColumnMenu().Filterable(ftb => ftb.Mode(GridFilterMode.Row)).Events(e => e.DataBound("onDataBound").Cancel("onCancel")).DataSource(dataSource => 数据源.Ajax().模型(模型=>{模型.Id("ID");}).PageSize(100).Read(read => read.Action("Operators_Read", "TableMx"))).Columns(columns =>{column.Command(cmd => cmd.Custom("Operators_Edit").Text(" ").Click("edit")).Title("编辑").宽度(75);column.Command(cmd => cmd.Custom("Operators_Deactivate").Text(" ").Click("deactivate")).Title("停用").宽度(100);columns.Bound("DeleteDateUTC").ClientTemplate("<input type='checkbox' #= kendo.parseDate(DeleteDateUTC) ?'' : checked='checked' # disabled='disabled'/>").Title("活动?").Filterable(ftb => ftb.Cell(cell => cell.Operator("等于"))).宽度(100);columns.Bound("名称").Filterable(ftb => ftb.Cell(cell => cell.Operator("contains"))).Title("姓名").宽度(350);columns.Bound("地址").Filterable(ftb => ftb.Cell(cell => cell.Operator("contains"))).Title("地址").宽度(250);columns.Bound("城市").Filterable(ftb => ftb.Cell(cell => cell.Operator("contains"))).Title("城市").宽度(150);columns.Bound("StateAbbrev").Filterable(ftb => ftb.Cell(cell => cell.ShowOperators(false))).Title("状态").宽度(100);column.Bound("Zip").Filterable(false).Title("邮编").宽度(70);columns.Bound("ContactName").Filterable(ftb => ftb.Cell(cell => cell.Operator("contains"))).Title("联系人姓名").宽度(175);columns.Bound("ContactEmail").Filterable(ftb => ftb.Cell(cell => cell.Operator("contains"))).Title("电子邮件").宽度(175);columns.Bound("ContactPhone").Filterable(ftb => ftb.Cell(cell => cell.ShowOperators(false))).Title("电话").宽度(150);columns.Bound("CreateDateUTC").ClientTemplate("#= kendo.parseDate(CreateDateUTC) ? (kendo.toString(kendo.parseDate(CreateDateUTC), 'MM/dd/yyyy h:mm tt')) : '' #").Title("创建日期UTC").宽度(250);columns.Bound("CreatedByUser").Title("创建者").宽度(150);columns.Bound("LastChangeDateUTC").ClientTemplate("#= kendo.parseDate(LastChangeDateUTC) ? (kendo.toString(kendo.parseDate(LastChangeDateUTC), 'MM/dd/yyyy h:mm tt')) : '' #").Title("上次更新日期UTC").宽度(250);columns.Bound("LastChangedByUser").Title("最后更新者").宽度(150);columns.Bound("DeleteDateUTC").ClientTemplate("#= kendo.parseDate(DeleteDateUTC) ? (kendo.toString(kendo.parseDate(DeleteDateUTC), 'MM/dd/yyyy h:mm tt')) : '' #").Title("删除日期UTC").宽度(250);columns.Bound("DeletedByUser").Title("删除者").宽度(150);}))

编辑 2:在网格下方添加脚本部分.我不确定是否需要这样做才能帮助我,但看到正在发生的一切并没有什么坏处.





        
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆