ExtJS检查元素是否可见

Question

ExtJS是否提供了一种快速检查给定组件当前是否可见的方法？我通常会检查显示和可见的css属性，但是当隐藏其中一个父元素时会是什么？

Answer 1

尝试Ext.Component.isVisible()

Answer 2

Ext.Component.isVisible()

如果元素被ExtJs功能隐藏，则可以正常工作。

如果隐藏父组件（例如，通过使用jquery的toggle方法调用） - 这将不起作用。所以在这种情况下我使用了这样的检查：

var el = $('#real_id'); // Id of the inner element 
if($(el).is (':visible') && $(el).parents (':hidden').length === 0) {
   // The element is 100% visible
}

你会问为什么我需要jQuery - 答案很简单：有些事情可以用它来更快地完成......：）