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' 脏解决方案）或在面板的父容器中添加一个固定宽度的布局规范。