如何顯示劍道網格​​列菜單的劍道工具提示

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