ExtJS - 应用 JQUery UI 主题

ExtJS - Applying JQUery UI themes

我正在用 ExtJS 替换一些 JQueryUI 组件。我目前面临的问题是如何在 ExtJS 中应用我们的 JQuery 主题。

例如,我的弹出 windows 使用 .ui-icon-close-thick。但是,要在 ExtJS 中覆盖它,我需要将 .x-tool-close class 设置为 same background-image & background-position。有谁知道一个简单的方法来完成这个?

没有简单的方法可以做到这一点——就像没有简单的方法可以从汽车上取下外部并将其无缝连接到其他供应商生产的另一辆汽车的车架上。 Ext JS 组件由某些独特的 DOM 结构表示,您的 CSS 规则应该适合这些结构。

正确的方法(虽然不是很容易)是 create your own Ext JS theme 模仿您的 jQuery 主题。