代码之家 › 专栏 › 技术社区 › gene

如何为kendo.Window()指定自定义css类?

kendo-window telerik css jquery

gene · 技术社区 · 6 年前

我建立了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

我怎么能做那样的事?

1 回复 | 直到 6 年前

JKimbrough 6 年前

下面是如何在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");
}

推荐文章

YunusoviÄ · 我无法用css更改html段落颜色

1 年前

Blake · 无法使用CSS旋转Angular 15中的字体图标

1 年前

Maarten -Monica for president · 将图像放在锚点标记内时调整网格中的图像大小

1 年前

Phil Lucks · 如何制作边界的外半径?

1 年前

roy_meir · 创建自定义下拉式元素

1 年前

Community wiki · 如何为触摸设备优化网站

1 年前

Paras Chandravanshi · 为什么<ul>没有从其父<p>元素继承?

1 年前

tpetzoldt · 如何在有光泽的情况下抑制图像的抗锯齿?

1 年前

boyenec · 反应如何将css样式应用于我从api respose获得的页面的spcifc部分

1 年前

manofconstsorrow · 点击导航项目关闭汉堡菜单

1 年前