2014-12-04 60 views
5

首先,我知道我使用的不是“propper”方式的extjs,但我的网站中也有其他功能,不需要extjs。ExtJS tooltip呈现长身体错误

我的问题很奇怪。我有一个像HTML文档这样:

<body> 
    <div id="extjs"> 
     //OTHER HTML ELEMENTS HERE 
    </div> 
</body> 

然而,当我打开我的ExtJS的应用程序(包括那些用于某些任务,如修改产品的窗口),和我滚动(在浏览器中,而不是在extjs元素),并将鼠标悬停在包含工具提示的元素上,工具提示就像文档没有滚动条一样呈现,这意味着工具提示会一直呈现在文档的顶部,而不是光标所在的位置。同样的事情拖放和几乎所有与鼠标定向位置有关... 我环顾了论坛和谷歌等,但没有看到类似的问题,所以如果任何人有一个想法如何解决这个问题,这将是非常非常有用的!

下面是截图也许给一个更好的主意怎么回事:提前

Tooltip rendered wrong

谢谢!

编辑: 这是一个简单的小提琴演示我的问题。因为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 

       }] 
      } 
     }) 
    } 
}); 
+1

您正在使用哪个版本,请提供一些代码。 – 2014-12-08 13:38:37

+0

我使用Extjs 5.0.1,你想要什么代码,因为它不是一个真正的代码相关的问题? – Nick 2014-12-08 15:59:17

+4

在https://fiddle.sencha.com上的一个最小的示例应用程序与您的问题将很好地捕捉到错误。 – 2014-12-08 16:22:39

回答

0

看起来这是ExtJS的内简单不可能的。我做了一个解决方法,使我的div滚动和我的身体不滚动。