easyui datagrid自定義操作列

通過formatter方法給Jquery easyui 的datagrid 每行增加操作鏈接

我們都知道Jquery的EasyUI的datagrid可以添加並且自定義Toolbar，

這樣我們選擇一行然后選擇toolbar的相應按鈕就可以對這行的數據進行操作。

但實際項目里我們可能需要在每行后面加一些操作鏈接，比如“修改”、“刪除”、“查看”之類。如下圖：

第一步，需要在datagrid行里添加一列，fieid指向id(fieid:'id'),

然后對這列進行格式化處理(formater:格式化函數)，如下：

 

<th data-options="field:'ID',width:60,align:'center',formatter:formatOper">操作</th>

第二步，formatter的格式化函數有3個參數，分別是：

 

value:字段的值，也就是fidid:'id'.

rowData:行數據,就是一行的JSON數據.

rowIndex:行索引,當前行的Index.

所以需要一個formatOper函數，只做一個簡單的返回

 

<script type="text/javascript">
	function formatOper(val,row,index){  
	    return '<a href="'+row["ID"]+'">修改</a>';  
	} 
</script>