1. 程式人生 > >EasyUI DataGrid新增超連結

EasyUI DataGrid新增超連結

問題

如何在表單中新增超連結

實現效果

DataGridLink

解決方案

在datagrid行裡新增一列,如下(說明: 最好指向非顯示列)【 扯淡,這英文單引號真醜】

<th data-options="field:'id', width:180, formatter: operation">Column Title</th>

<script type="text/javascript">
 function operation(value, row, index)
 {
   return "<a href='" + row.id + "' target='_blank'>Cell Link Name</a>"
; }
</script>

附錄

value:該行的值,即field:id所指向的值(json資料中若無對應,則為undefined)
row: 該行json資料值(可以通過row.id,row.a,row.b,row.c,….讀取json資料)
index:該行在表單中的行數(行數從0開始)