javascript - 剣道グリッド列メニューの剣道ツールチップを表示する方法

Question

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