jQuery plugin - jqGrid create formatter link for cell data

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

因此特別選定來做為資料呈現,不過,若您要將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的目的!

留言