如何显示kendo网格列菜单的kendo工具提示

Question

我正在尝试在kendo UI网格中显示列菜单的工具提示。 我已经定义了像

$(".k-header-column-menu").kendoTooltip({
            content: "column menu"
        });

但它没有显示任何工具提示。 任何人都可以帮助我如何为列提供工具提示。

Answer 1

问题不在于您的代码，而在运行时。如果在初始化网格后立即执行此操作，则网格菜单仍然不存在，然后您没有定义Tooltip。在Grid dataBound事件中运行该代码。

示例：

$("#grid").kendoGrid({
    dataSource: {
        data    : createRandomData(300),
        pageSize: 10,
        schema  : {
            model: {
                fields: {
                    Id       : { type: 'number' },
                    FirstName: { type: 'string' },
                    LastName : { type: 'string' }
                }
            }
        }
    },
    columnMenu: true,
    columns   : [
        { field: "FirstName", width: 90, title: "First Name" },
        { field: "LastName", width: 90, title: "Last Name" }
    ],
    dataBound: function () {
        $(".k-header-column-menu").kendoTooltip({
            content: "column menu"
        });
    }
});