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