You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何移除或修改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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.02 08:48:03