Extjs給grid 列添加超連接

能夠利用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。html

相關文章
相關標籤/搜索