Ext.tip 中的强制高度和滚动条(Extjs 3.4)
Force height and scrollbar in Ext.tip (Extjs 3.4)
我有一个 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/
感谢任何提示,
我不太了解在 Ext 3.4 中的使用,但我使用 QuickTips 举例说明了它在 Ext 4.2 中的工作原理:https://fiddle.sencha.com/#fiddle/o13
从 2.3 开始,QuickTips 是 ExtJS 的一部分
希望对您有所帮助
--- 编辑 ---
用 3.4 和 QuickTips 做了一个例子:https://fiddle.sencha.com/#fiddle/u7e
也许你可以试试 style 属性?
类似于:
style:"overflow-y:auto;overflow-x:auto;",
或
style:"overflow-y:scroll;overflow-x: scroll;",
查看源代码后,我看到有几个可以更改的标志,这将使您的 Ext.Tip 实例可滚动并具有固定高度:
var tip = new Ext.Tip({
header: true,
collapsible: true,
autoHeight: false,
width: 350,
height: 50,
autoScroll: true
});
在这里查看:http://jsfiddle.net/gportela/deojvevn/
如果有帮助请告诉我。
我有一个 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/
感谢任何提示,
我不太了解在 Ext 3.4 中的使用,但我使用 QuickTips 举例说明了它在 Ext 4.2 中的工作原理:https://fiddle.sencha.com/#fiddle/o13
从 2.3 开始,QuickTips 是 ExtJS 的一部分
希望对您有所帮助
--- 编辑 ---
用 3.4 和 QuickTips 做了一个例子:https://fiddle.sencha.com/#fiddle/u7e
也许你可以试试 style 属性? 类似于:
style:"overflow-y:auto;overflow-x:auto;",
或
style:"overflow-y:scroll;overflow-x: scroll;",
查看源代码后,我看到有几个可以更改的标志,这将使您的 Ext.Tip 实例可滚动并具有固定高度:
var tip = new Ext.Tip({
header: true,
collapsible: true,
autoHeight: false,
width: 350,
height: 50,
autoScroll: true
});
在这里查看:http://jsfiddle.net/gportela/deojvevn/
如果有帮助请告诉我。