kendo-ui 窗口 - 如何以编程方式更改标题栏的颜色？

Question

我有一个包含两个 kendo ui 窗口的页面。使用 javascript/html5 风格。

在页面上呈现窗口标题栏后，如何以编程方式更改它的颜色？

还有与用户点击窗口相关的事件吗？

TIA

Answer 1

您可以更改页面上所有 Kendo Windows 的 CSS，或者获取特定实例，并仅更改其标题栏 CSS:

kendoWindow.wrapper.find('.k-window-titlebar').css({
            color: 'red',
            'background-color': 'yellow' 
          });

...或者

$('.k-widget.k-window .k-window-titlebar').css({
            color: 'red',
            'background-color': 'yellow' 
          });`

Example