在此利用強大的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的目的!
留言
張貼留言