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

时间:2015-06-04 01:07:32

标签: javascript html css extjs extjs3

我有一个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/

感谢任何提示,

3 个答案:

答案 0 :(得分:1)

我对Ext 3.4中的使用知之甚少,但我在Ext 4.2中使用QuickTips做了一个例子:https://fiddle.sencha.com/#fiddle/o13

自2.3以来,QuickTips是ExtJS的一部分

希望有所帮助

---编辑---

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

答案 1 :(得分:1)

也许你可以尝试一下风格属性? 类似的东西:

  

式:"溢出-γ:汽车;溢出 - X:汽车;",

  

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

答案 2 :(得分: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/

如果有帮助,请告诉我。