ExtJS工具提示呈现长身体错误
Nic*_*ick 5 javascript css extjs
首先,我知道我使用的extjs不是"propper"方式,但我的网站中还有其他功能,不需要extjs.
我的问题很奇怪.我有一个像这样的HTML文档:
<body>
<div id="extjs">
//OTHER HTML ELEMENTS HERE
</div>
</body>
但是,当我打开我的extjs应用程序(由用于编辑产品的某些任务的窗口组成),并且我滚动(在浏览器中,而不是在extjs元素中)并将鼠标悬停在带有工具提示的元素上时,工具提示是呈现就像文档没有滚动条一样,这意味着工具提示一直呈现在文档的顶部,而不是光标所在的位置.同样的事情是拖放和几乎所有与鼠标导向的位置相关...我在论坛和谷歌等环顾四周,但看到没有类似的问题,所以如果有人知道如何解决这个问题,那会非常,非常有帮助!
这是一个屏幕截图,可能会给出更好的想法:
提前致谢!
编辑:这是一个简单的小提示,以证明我的问题.因为sencha小提琴是用extjs本身制作的,所以它自动解决了这个问题.因此生病只会粘贴代码,因此您可以在自己的应用程序中测试它.
的index.html
<div id=extjs style="background-color: red; width: 2000px; height: 3000px;">
<p>
content of website is here
</p>
</div>
app.js
Ext.application({
name : 'Fiddle',
launch : function() {
Ext.create('Ext.window.Window', {
width: 500,
height: 500,
autoShow: true,
renderTo: Ext.get('extjs'),
items: {
xtype: 'form',
title: 'testform',
items: [{
xtype: 'textfield',
fieldLabel: 'test input',
name: 'test',
allowBlank: false
}]
}
})
}
});