ExtJS如何检查元素是否可见

Question

ExtJS是否提供了一些快速的方式来检查给定组件当前是否可见？通常我会检查类似display和visible的css属性，但如果其中一个父元素被隐藏了呢？

- mgamer

Answer 1

尝试使用Ext.Component.isVisible()函数。

- Mchl

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 - 答案很简单：有些事情用它可以更快地完成... :)

- Andron