在此利用強大的jqGrid來建立table來呈現column數超多的資料,並且還可以幫我們做排序,
因此特別選定來做為資料呈現,不過,若您要將cell內的資料附上連結,可能就會比較麻
煩一點。
首先在jqGrid的基本配置內的colModel option看你要針對哪一個column,設定該column為link
配置,formatter的參數cellvalue即為該row, col所對應的值,在這邊判斷如果你要載入的資料該
cell有多筆要製作成link的形式,需要各別做處理,逗點是我在json raw data自行定義的囉!
如此就完成了Cell Data製作link的目的!
因此特別選定來做為資料呈現,不過,若您要將cell內的資料附上連結,可能就會比較麻
煩一點。
....
colModel:[
{name:'id',index:'id', width:60, sorttype:"int"},
{name:'invdate',index:'invdate', width:90,
formatter: function (cellvalue, options, rowObject) {
if(cellvalue.split(",").length > 0){
val = cellvalue.split(",");
dataes = "";
for(var i = 0 ; i < val.length ; i++){
dataes += "<a href='http://url?term=" + val[i] + "'>"+val[i] + "</a> ";
}
return dataes;
}else{
return '<a href="http://url?term=' + rowObject.invdate + '">'+cellvalue + "</a>";
}
},fixed: false},
{name:'name',index:'name', width:100},
....
],
....
var mydata = [
{id:"1",invdate:"2007-10-11,2007-10-21,2007-10-31",name:"test",....},
...
};
首先在jqGrid的基本配置內的colModel option看你要針對哪一個column,設定該column為link
配置,formatter的參數cellvalue即為該row, col所對應的值,在這邊判斷如果你要載入的資料該
cell有多筆要製作成link的形式,需要各別做處理,逗點是我在json raw data自行定義的囉!
如此就完成了Cell Data製作link的目的!

留言
張貼留言