jQuery plugin - jqGrid create formatter link for cell data

在此利用強大的jqGrid來建立table來呈現column數超多的資料,並且還可以幫我們做排序,

因此特別選定來做為資料呈現,不過,若您要將cell內的資料附上連結,可能就會比較麻

煩一點。



  1. ....
  2. colModel:[
  3. {name:'id',index:'id', width:60, sorttype:"int"},
  4. {name:'invdate',index:'invdate', width:90,
  5. formatter: function (cellvalue, options, rowObject) {
  6. if(cellvalue.split(",").length > 0){
  7. val = cellvalue.split(",");
  8. dataes = "";
  9. for(var i = 0 ; i < val.length ; i++){
  10. dataes += "<a href='http://url?term=" + val[i] + "'>"+val[i] + "</a> ";
  11. }
  12. return dataes;
  13. }else{
  14. return '<a href="http://url?term=' + rowObject.invdate + '">'+cellvalue + "</a>";
  15. }
  16. },fixed: false},
  17. {name:'name',index:'name', width:100},
  18. ....
  19. ],
  20. ....
  21.  
  22. var mydata = [
  23. {id:"1",invdate:"2007-10-11,2007-10-21,2007-10-31",name:"test",....},
  24. ...
  25. };

首先在jqGrid的基本配置內的colModel option看你要針對哪一個column,設定該column為link
配置,formatter的參數cellvalue即為該row, col所對應的值,在這邊判斷如果你要載入的資料該
cell有多筆要製作成link的形式,需要各別做處理,逗點是我在json raw data自行定義的囉!
如此就完成了Cell Data製作link的目的!

留言