Ext.tip (Extjs 3.4) 中的强制高度和滚动条

关键词：

【中文标题】Ext.tip (Extjs 3.4) 中的强制高度和滚动条【英文标题】：Force height and scrollbar in Ext.tip (Extjs 3.4) 【发布时间】：2015-06-04 01:07:31 【问题描述】：

我有一个 Ext.tip 组件：

var tip = new Ext.Tip(
    header: true,
    collapsible: true,
    width: 350
);

它接收来自查询的结果。有时它会出现小段落，有时会出现大段落。它会根据它们的大小很好地调整大小。不过，我想设置特定提示的高度并在需要时获取滚动条。为此我已经尝试过：

autoScroll: true,
overflow: 'auto',
layout: 'fit',
height: 300,

但它们对我想要的没有影响。检查http://docs.sencha.com/extjs/3.4.0/#!/api/Ext.Tip 建议我，据我所知没有办法。 ExtJS 3.4 中有没有办法实现这一点？也许是一个肮脏的黑客解决方案？

可以在此处找到一个简单的最小工作示例：http://jsfiddle.net/Gery/m7xdxwp8/8/

感谢任何提示，

【问题讨论】：

【参考方案1】：

查看源代码后，我看到有几个可以更改的标志，这将允许您的 Ext.Tip 实例可滚动并具有固定高度：

var tip = new Ext.Tip(
    header: true,
    collapsible: true,
    autoHeight: false,
    width: 350,
    height: 50,
    autoScroll: true
);

在这里查看：http://jsfiddle.net/gportela/deojvevn/

如果这有帮助，请告诉我。

【讨论】：

神圣的通心粉，你的回答真是太棒了，谢谢，但由于我不是 extjs 方面的专家，所以这似乎不是一个容易采用的方法，但由于学习的挑战，这很好。我想我可以在 jsfiddle 中获得一个简单的最小工作示例，并将在此处分享它，我会感谢您进一步输入，以便让 Ext.Tip 中的滚动条+高度正常工作。 当然，但也可以考虑将您的应用程序更新到 ExtJS 5 或 6。这些天很少见到有 ExtJS 3 知识的人。 是的，确实如此，但现在从 3.4 移除非常困难，原因有很多，尤其是因为有时间再次重写。 我明白了，当你分享你的小提琴例子时让我知道。如果可能，请使用fiddle.sencha.com。 当我阅读源代码 (docs.sencha.com/extjs/3.4.0/source/Tip.html#Ext-Tip) 时，我注意到 Ext.Tip 扩展了面板，但在原型中设置了 autoHeight: true。更改后只需将 autoScroll 设置为 true 即可。很高兴它有帮助:)【参考方案2】：

也许你可以试试 style 属性？ 比如：

style:"overflow-y:auto;overflow-x:auto;",

或

style:"overflow-y:scroll;overflow-x:scroll;",

【讨论】：

感谢您的建议，但滚动条并未随之出现。【参考方案3】：

我不太了解如何在 Ext 3.4 中使用，但我通过 QuickTips 举例说明了它在 Ext 4.2 中的工作原理：https://fiddle.sencha.com/#fiddle/o13

QuickTips 自 2.3 起成为 ExtJS 的一部分

希望对你有帮助

--- 编辑 ---

用 3.4 和 QuickTips 做了一个例子：https://fiddle.sencha.com/#fiddle/u7e

【讨论】：

谢谢你，很好的例子，我将在我的代码中尝试它并告诉你。 在尝试了您的建议后，我无法让 Ext.QuickTip 工作，似乎它的响应方式与 Ext.Tip 的工作方式不同，为什么这么难放Ext.Tip 的滚动条？ 查看我的回答中的编辑。我尝试了普通的提示，但最终使用了带有 div 和滚动条的 QuickTips。 Ext 3.4 没有那么多选项来实现特殊结果。在以后的版本中要容易得多。 非常感谢！很好，我想知道是否有可能摆脱这种悬停效果并简单地使用滚动条获得提示？这是真的，但现在很难摆脱 3.4。

如何在 extjs 3.4 中为必填字段标记 (*)

...描述】：我在extjs中有一个来自面板的两个字段，一个是强制性的，另一个是可选的，所以我想在extjs工具提示中给出(*)为强制性的。这是我的代码：varinsertJSONPanel=newExt.form.FormPanel(id: 查看详情

Ext JS 3.4 延迟渲染手风琴 - 面板的强制渲染

】ExtJS3.4延迟渲染手风琴-面板的强制渲染【英文标题】：ExtJS3.4lazyrenderingaccordions-forcerenderofpanels【发布时间】：2012-12-1315:51:17【问题描述】：我将一个大型应用从v2升级到v3.4我有一个带有n>1个面板的手风琴。默认情况下，第一... 查看详情

EXTJS 3.4 中的复选框选择模型

】EXTJS3.4中的复选框选择模型【英文标题】：checkboxselectionmodelinEXTJS3.4【发布时间】：2016-09-2017:54:36【问题描述】：我在EXTJS3.4中使用checkboxselectionmodel。如何查明标题复选框何时被选中？示例：if(headercheckboxischecked)//dothis..elseif(ind... 查看详情

Extjs-3.4 复选框组指定列中的复选框

】Extjs-3.4复选框组指定列中的复选框【英文标题】：Extjs-3.4Checkboxinspecifiedcolumnofcheckboxgroup【发布时间】：2015-11-2611:50:48【问题描述】：我正在使用ExtJS-3.4，其中我需要显示带有9个复选框的复选框组，并且我能够在带有两列的复... 查看详情

EXTJS 3.4 面板中的项目对齐问题

】EXTJS3.4面板中的项目对齐问题【英文标题】：EXTJS3.4itemsalignmentissuesinpanel【发布时间】：2012-12-2214:20:59【问题描述】：团队我在extjs面板中面临两个项目对齐问题。我使用的是extjs3.4版。基本上我想在每行中水平对齐两个面板文... 查看详情

extjs 3.4 中 TabPanel 中的标题折叠

】extjs3.4中TabPanel中的标题折叠【英文标题】：titleCollapseinTabPanelinextjs3.4【发布时间】：2013-04-1004:30:51【问题描述】：在ExtJS3.4中，用于实现collapsible:true和titleCollapse:true的TabPanel启用TabPanel的折叠和展开。但是，即使单击选项卡也... 查看详情

Extjs 3.4 中的日期格式不呈现和显示

】Extjs3.4中的日期格式不呈现和显示【英文标题】：DateFormatInExtjs3.4isnotrenderinganddisplay【发布时间】：2012-10-0208:06:10【问题描述】：在下面的代码中，我无法在网格面板中获取birthdate字段，varstore=newExt.data.SimpleStore(fields:[\'name\',\'p... 查看详情

在 extjs 3.4 中刷新面板中的数据视图

】在extjs3.4中刷新面板中的数据视图【英文标题】：RefreshingadataviewinPanelinextjs3.4【发布时间】：2014-08-2800:11:10【问题描述】：我有一个extjsPanel组件，其中包含一个dataview项目。我用它来显示来自商店的图像。它在第一次加载期间... 查看详情

ExtJS 3.4 分页工具栏中的刷新完成事件

】ExtJS3.4分页工具栏中的刷新完成事件【英文标题】：RefreshCompleteEventinPagingToolbarinExtJS3.4【发布时间】：2018-08-1005:20:43【问题描述】：我正在从下面的代码中添加一个分页工具栏：this.bbar=newExt.PagingToolbar(pageSize:this.pageSize,store:this... 查看详情

学习 ExtJS 3.4 的最佳参考资料是啥？

】学习ExtJS3.4的最佳参考资料是啥？【英文标题】：whatarebestreferencestolearnExtJS3.4?学习ExtJS3.4的最佳参考资料是什么？【发布时间】：2016-08-2411:26:13【问题描述】：我需要学习ExtJS3.4（相当旧的版本），请给我一些文档链接。我在... 查看详情

从组合框中删除 extjs 3.4 中的参数

】从组合框中删除extjs3.4中的参数【英文标题】：RemovefromaComboBoxaparameterinextjs3.4【发布时间】：2014-04-1607:49:06【问题描述】：我想在显示给用户之前从组合框的存储中删除一个参数，我或多或少知道该怎么做，但它不能正常工作... 查看详情

在 ExtJs 3.4 网格中的特定单元格中开始编辑

】在ExtJs3.4网格中的特定单元格中开始编辑【英文标题】：StarteditinginaspecificcellinanExtJs3.4grid【发布时间】：2012-02-2421:08:10【问题描述】：在我的网格中，我添加了一个行编辑器作为插件（使用newExt.ux.grid.RowEditor()）。我想将焦点... 查看详情

ExtJS 3.4 - 设置加载

...【问题描述】：我现在正在使用ExtJS3，我真的很怀念ExtJS4中的setLoading函数。仔细查看文档，没有找到。如何在ExtJS3.4中设置/删除任何组件的加载状态？【问题讨论】：你应该直接问你的问题，而不是暗示它。【参考方案1】：您... 查看详情

Extjs 3.4 应用切换器

...没有任何经验，所以我设法创建了以下内容：这是我窗口中的以下代码：this.items=[newExt.Panel(xtype:\'container\',anchor:\'0\',layout:\'column\ 查看详情

ExtJS (3.4)：更新 TabPanel 中面板的工具提示

...：2012-08-1620:58:56【问题描述】：如何更改位于选项卡面板中的面板的工具提示？最初，当面板被添加到标签面板时，我使用面板构造函数的tabtip参数创建了一个工具提示。【问题讨论】：【参考方案1】：您需要获取代表您的标... 查看详情

ext 3.4 中的 ComponentQuery

】ext3.4中的ComponentQuery【英文标题】：ComponentQueryinext3.4【发布时间】：2014-04-2520:02:50【问题描述】：您好，我目前正在使用ExtJS4.2和Siesta测试框架。在我的测试用例中，我使用Ext.ComponentQuery.query查找/遍历组件树。我不得不回到Ext... 查看详情

如何强制 ExtJS NumberField 中的小数显示达到一定的精度？

】如何强制ExtJSNumberField中的小数显示达到一定的精度？【英文标题】：HowdoIforcethedisplayofadecimalinanExtJSNumberFieldtoacertainprecision?【发布时间】：2009-08-1712:04:28【问题描述】：我有一个带有NumberField的表单，它从JSON中获取float类型的... 查看详情

ExtJS 3.4 中未加载数据

】ExtJS3.4中未加载数据【英文标题】：DataisnotloadinginExtJS3.4【发布时间】：2016-06-2808:57:45【问题描述】：我是extjs的新手，正在使用ExtJS3.2。因为我的数据没有加载，但如果评论数据列正在显示，任何人都可以帮助我。我的代码是x... 查看详情