如何移除或修改Kendo UI多选复选框过滤器的hover提示属性
问题描述
当鼠标悬停在Kendo UI Grid的多选过滤复选框上时,会显示类似ProductName Filter Column Settings的提示信息,可通过以下两种方法移除提示或自定义提示内容。
解决方案
方案1:初始化时配置(推荐)
在Grid初始化的列配置项中,为对应列设置filterable.title参数即可直接修改提示内容,将值设为空字符串即可完全隐藏悬停提示:
$("#grid").kendoGrid({ columns: [ { field: "ProductName", // 对应你要修改的字段名 filterable: { multi: true, // 开启多选过滤 title: "" // 置空则无悬停提示,可替换为自定义内容 } }, // 其余列配置 ], dataSource: { // 数据源配置 }, // 其余Grid全局配置 });
方案2:渲染后动态修改
如果Grid已经完成初始化,不需要重新渲染的情况下,可以直接操作DOM移除对应元素的title属性实现效果:
// 移除所有多选过滤列的悬停提示 $(".k-filter-menu .k-multicheck-wrap").removeAttr("title"); // 仅移除指定字段(此处为ProductName)的多选过滤悬停提示 $(".k-filter-menu[data-field='ProductName'] .k-multicheck-wrap").removeAttr("title");
内容的提问来源于stack exchange,提问作者krishna mohan
相关产品推荐
相关产品推荐

