我构建了kendoWindow,并且需要为其标题创建自定义类,因此我不使用telerik提供的通用类。
这是我的窗口
$("#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:
我正在寻找一种使用自己的类而不是使用现有的k-window-titlebar k-header
我该怎么做?
答案 0 :(得分:0)
下面是如何在Kendo UI中自定义任何CSS类的方法:
//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");
}
让我知道您的结果!