ExtJS - 应用 JQUery UI 主题

Question

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

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

Answer 1

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

这样做的正确方法（虽然不是很容易）是create your own Ext JS theme，它将模仿您的 jQuery 主题。