如何为 kendo.Window() 指定自定义 css class？

Question

我构建了 kendoWindow 并需要为其标题创建自定义 class，因此我不使用 telerik 提供的常见 classes。

这是我的 window:

$("#win").kendoWindow({
    visible: false,
    modal: true,
    title: true,
    open: function (e) { $("html, body").css("overflow", "hidden"); },
    close: function (e) { $("html, body").css("overflow", ""); },
    draggable: false,
    width: 950,
    height: 510,
    position: {
        top: 100,
        left: 500
    },
    resizable: false
});

它生成以下 html:

我正在寻找修改标题生成方式的方法，使用我自己的 class，而不是使用现有的 k-window-titlebar k-header

我该怎么做？

Answer 1

下面是如何自定义 CSS class in Kendo UI:

//You need to first make sure the window is initialized - if you are not using Kendo wrappers 

$("#myWindow").kendoWindow({
  // put your settings here
});

// Now you can add a custom CSS class after window initialization

var winObject = $("#myWindow").data("kendoWindow");
winObject.wrapper.addClass("myCustomClass");

// Here you can add a custom CSS class in the open event handler

function onWindowOpen(e) {
    e.sender.wrapper.addClass("myCustomClass");
}

告诉我你的结果！

如何为 kendo.Window() 指定自定义 css class？

How to specify custom css class for kendo.Window()?

jquery

css

telerik

kendo-window