Extjs给grid 列添加超链接

2019独角兽企业重金招聘Python工程师标准>>>

可以利用renderer配置属性为该列添加html
如下：{id:'3',header:'名称',dataIndex:'name',renderer:DomUrl},
定义DomUrl方法
Js代码
function DomUrl(value){ 
return "<a href=>"+value+"</a>"; 
} 

function DomUrl(value){
return "<a href=>"+value+"</a>";
}
如果表格内的数据是一个链接如：www.sina.com这样写法自然没有问题，但是大多数时候我们在表格中不会直接写一个链接，如果又需要根据单元格内容动态为链接添加几个参数。那这种写法就几乎没有什么用了。因为这个属性是在表格初始化的时候定义好的，而且表格初始化之后这个属性无法改变，也就是只读属性。


处理方法如下：
定义一个全局变量，初始值为0；DomUrl函数如下

Js代码
function DomUrl(value){ 
var row = grid.getSelectionModel().selectRow(startrow);//选中当前行 
var rownum = grid.getSelectionModel().getSelected();//获取当前行 
startrow ++; 
var strurl = "abc.jsp?id=" + rownum.get('id');//获取当前选中行的值，并组织链接字符串 
return "<a href='"+strurl+"'>"+value+"</a>"; 
} 

function DomUrl(value){
var row = grid.getSelectionModel().selectRow(startrow);//选中当前行
var rownum = grid.getSelectionModel().getSelected();//获取当前行
startrow ++;
var strurl = "abc.jsp?id=" + rownum.get('id');//获取当前选中行的值，并组织链接字符串
return "<a href='"+strurl+"'>"+value+"</a>";
}
不过不要忘记在下次提交的时候将startrow赋值为0。

转载于:https://my.oschina.net/u/2381604/blog/492251