EXTJS4 grid列的超链接，grid的列点击事件

本文主要是介绍EXTJS4 grid列的超链接，grid的列点击事件，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

这是我的第一篇EXTJS的博客，记录一下被EXTJS惨虐的过程。

这是一个extjs4的 grid，

其中姓名和密码列加了超链接了，先说一下如何加超链接。这里给grid的列加超链接主要是用了renderer。代码如下：

{header:"密码",width:80,dataIndex:'password',sortable:false,menuDisabled:true,
renderer:function(value,cellmeta,record,rowIndex){

return "<a href='usertest.php?id="+record.data.id+"'>"+value+"</a>"}}//要注意这里的单引号啊双引号的

这样就是加上超链接了。

单击事件：我本来想着是既然grid列加上超链接，那么给a标签加上单击事件也是可以的啊，但是结果没调试成功。所以就想到用单击事件了，还是用单击事件简单啊。此处的单击事件就是给grid加上listeners，然后查阅API发现listeners里面有个itemclick，中文API：http://extjs-doc-cn.github.io/ext4api/#!/api/Ext.grid.Panel-event-itemclick

这不就简单了吗，直接上代码：

listeners: { //给列加点击事件
itemclick:function(me, record, item, index, e, eOpts){
//Ext.Msg.alert("哈哈哈哈","哈哈哈哈哈哈"+panell.html);
var win =Ext.create('Ext.window.Window',{
title:'test',
modal:true,//弹出来以后页面变灰，不可编辑
width:1350,
height:550,
closeAction:'destroy',//关闭的时候删除这个win,下一次点击的时候重新创建
// items:[{ xtype: 'grid',
// border: false,
// columns: [{header: 'World'}]}],
html: '<iframe src="./add_KnowledgePoint.php" style="width:100%; height:100%;"></iframe>'

});
win.show();