GridPanel 弹窗

需求是这样的：GridPanel里有一列“详细信息”，点击详细信息弹出窗口，展示详细信息。如下图：

数据是从后台传过来的，刚开始试了很多方法，用循环、用cellclick事件，都没有得到想要的效果。后来通过Ext.query(),解决了问题。

详细信息这一列显示代码：　<a href='##' name='detailsLink'>详细信息</a>

Ext中的代码如下：

resourceGrid.on('loaddatacomplete',function(){ var array = Ext.query("*[name=detailsLink]"); //alert(array.length); for(var j=0;j<array.length;++j) { //alert(array[j]); Ext.get(array[j]).addListener('click',detailClick); } });

其中loaddatacomplete是自己封装的事件，detailClick是自定义的函数，里面可以写弹窗事件。

 

 

顺便从网上找了Ext.query()的用法：

http://hi.baidu.com/xaoja/blog/item/07dbc913814b5f29dd5401f0.html