Extjs4.2RTL在IE6中造成了巨大的问题

Question

因此，最近我和我所在的开发团队完成了一个巨大的项目，将我们的整个系统从Extjs2转换到4.2。

我们已经修复了所有的东西，每一个小bug，除了我们剩下的一个小任务，使系统也可以用于IE6 (我们的许多客户仍然在使用它)。我们认为的小任务显然是一个大问题。

所有网格都没有正确加载(只有列标题，没有数据)，许多重要组件(如面板)显示为空白。

我们在主css文件中应用了rtl属性，因为我们不想为每个组件添加rtl: true：

html { direction: rtl }

移除它后，一切都运行得很好(当然，方向除外)。目前，我们正在跟踪ext-all-rtl-debug中的代码，并逐一查找问题(例如，我们发现在掩码函数中添加的cls导致了网格的一些问题)。正如您可以想象的那样，这是一个巨大、痛苦和缓慢的过程(特别是考虑到我们要调试ie6)。

虽然在FF，Chrome，甚至IE7中看起来一切都很好，但整个项目在IE6中都有渲染问题。

如果任何人熟悉这个问题，并且可能知道一个可能的解决方案，我们将永远感激！

Answer 1

"rtl:true“配置在整个组件层次结构中继承，您应该能够将"rtl: true”添加到层次结构中的顶级组件(通常是viewport)。由于rtl层次结构中的组件将在其元素中添加"x-rtl“类，因此无需自己设置”方向:rtl“。

您还需要确保使用的是rtl样式表，因为Ext组件需要相当多的特殊样式才能在rtl模式下正常工作。例如，对于经典主题，这将是:ext- this classic all-rtl.css

如果你仍然被卡住了，看看这个例子：http://docs.sencha.com/extjs/4.2.1/extjs-build/examples/rtl/rtl.html?theme=classic