javascript - 如何显示剑道网格​​列菜单的剑道工具提示

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"
        });
    }
});