更改 extjs 中的 css 类属性

Posted

技术标签:

【中文标题】更改 extjs 中的 css 类属性【英文标题】:change css class properties in extjs 【发布时间】:2013-08-30 09:50:24 【问题描述】:

我想使用 extjs 更改日历面板的样式。我在我的 EHR 应用程序中使用 extjs 日历面板和日期选择器,如以下链接

http://dev.sencha.com/deploy/ext-3.4.0/examples/calendar/index.html

如果当天是公共假期,则从日期选择器中选择日期时,(即从选择事件的数据库中获取)我想将日历面板的背景颜色更改为灰色。有可能吗?有什么方法可以更改使用 extjs3.3 的 css 类属性。

【问题讨论】:

【参考方案1】:

您可以使用特定元素的 cls 属性覆盖 extjs css。这里是 我正在为文本使用自己的 css 类。

 
 text:'Create App',
cls:'app42CreateApp',
 ,

【讨论】:

【参考方案2】:

您可以将自定义类分配给您需要的单元格,例如,它是如何与每月 15 日一起工作的:

Ext.get(Ext.get('mydatepicker').query('td.x-datepicker-active[title*="15,"]')[0].id).addCls("mynewclass")

你可以看看那个Extjs 2/3 plugin

【讨论】:

代码从您的日历选择器中选择标题为“15”的 td 并向其添加一个 css 类“mynewclass”。你必须为它声明 css

以上是关于更改 extjs 中的 css 类属性的主要内容,如果未能解决你的问题,请参考以下文章

Extjs 配置选项与属性

JavaFX CSS 在运行时更改自定义样式类的属性

使用 jQuery 更改 CSS 类属性

使用 DOM 样式使用 Javascript 获取或更改 CSS 类属性

在 jQuery 上使用 !important 更改 fullcalendar 的 css 类属性 [重复]

如何在 js (extjs3.3) 文件中包含 jquery?