extjs4 - ExtJs4：面板：SQL SyntaxHighlighter：没有滚动条/换行

Question

我正在使用 ExtJs 面板在屏幕上显示 SQL 查询。为了突出显示我正在使用 SyntaxHighlighter 的查询。

问题：即使在"autoScroll: true"为面板设置之后，我也没有在面板中看到滚动条。

我尝试了以下方法：

早期的荧光笔代码：

'<pre class="brush: sql">' + sqlOutput + '</pre>'

我试过的东西：

'<pre class="brush: sql;wrap-lines: false">' + sqlOutput + '</pre>';

但没有成功。谁能帮我这个。

更新

我能够在 Chrome 中获得垂直滚动条，但没有水平滚动条

这是它的外观：

Answer 1

您可以在面板上指定一个 maxWidth（快速 n' 脏解决方案）或在面板的父容器中添加一个固定宽度的布局规范。