javascript - 检查组件是否从兄弟组件渲染

Question

描述:

我正在尝试将标记加载到与网格存储上的 FullAddresses 相对应的 map 上。我正在使用 Extjs 4.1.3 以及 grid 和 gmap 组件。

问题:

如何检查网格是否在 gmap 范围内渲染？我正在尝试从 gmap 内部在网格上放置一个 load 事件。这样做是因为 gmap 需要商店数据，并且我需要在尝试查询商店之前知道网格是否已渲染。商店需要大约 2 秒的时间来加载，因此 map 和包含面板在网格初始化和商店填充之前就已完成渲染。

我正在gmap之后创建网格。我不介意等待商店加载(store.on('load'))，我试图弄清楚如何在渲染时访问网格。

问题:

有没有办法可以在加载/渲染时访问网格组件？我知道我可以在加载商店或渲染网格后放置一个 afterrender ，但我有一个代码限制，目前不允许这样做。

var grid = Ext.getCmp('grid_id'); 
// grid returns undefined because the gmap finished sooner 

我可以使用 jQuery.on() 函数模拟这种类型的功能:

$('already rendered').on('event', 'element listened for', function () {});

Answer 1

假设他们实际上是 sibling :

var grid = map.next(); // or map.prev();
grid.getStore().on('load', function() {
    console.log('...');
});

有很多用于导航组件的方法，我建议您查看文档以选择合适的方法:

• up
• next
• prev
• down
• child
• query