Question

关于在ExtJS的grid中的超级连接添加点击事件的疑问？

Ext.define('HM.view.area.GridPanelOne', {
extend: 'Ext.grid.Panel',
initComponent: function() {
var store = new Ext.data.JsonStore({
autoLoad : true,
autoDestroy : true,
proxy: {
type: 'ajax',
url: 'area!resident.action',
reader: {
type: 'json',
root: 'list'
}
},
fields: ['districtname','areaname']
});
Ext.applyIf(this, {
store: store,
id:'gridone',
columns: [
{text: '小区名称', dataIndex:'districtname'},
{text: '所属地区', dataIndex:'areaname'},
{text: '面积能耗', dataIndex:'name'},
{text: '操作',
renderer:function(){
return '<a href="#" onclick="into_function()" >进入</a>';},
handler: function(grid, rowIndex, colIndex) {
var rec = grid.getStore().getAt(rowIndex);
alert("Edit " + rec.get('districtname'));
}
}
],
forceFit: true,
titleAlign: 'right'
});
this.callParent();
}
});
现在我想点击超级连接进入别的画面，需要用的这行的一个参数，所以必须用ExtJS里面的function(grid, rowIndex, colIndex)，但是我现在写的代码没有触发这个事件，不知道哪里写错了或者有没有别的什么方法可以实现吗？

Answer 1

return '<a href="#" onclick="into_function()" >进入</a>';},

跳转页面你把#改成你想跳转页面的路径 onclick="into_function()不要

追问

不好意思，你没有看清楚我的问题，我需要把每行的数据传到URL里面。

追答

页面跳转的时候带上grid里的数据是吗

var Edit = grid.getStore().getAt(rowIndex).get('districtname')
url = path+ '&Edit=' + Edit
return '<a href=' + url + '>进入</a>';

 <a href="#" onclick="into_function()"

如果你想这么用into_function方法要放在Ext.onReady(function() {}外面

Answer 2

不要用超连接
直接给行或列添加单击的监听 ---listeners:{'click':function(){}}
再事件触发函数里
得到当前单击行的所有数据 ---ext版本不一样 得到方法也不一样 ！注意

然后写跳转代码 就行了