easyui datagrid自己定义操作列

本文介绍如何使用JQuery EasyUI的Datagrid组件,在每行数据后添加自定义的操作链接,如“编辑”、“删除”等,并提供了一个具体的实现示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

通过formatter方法给Jquery easyui 的datagrid 每行添加操作链接

我们都知道Jquery的EasyUI的datagrid能够加入而且自己定义Toolbar。

这样我们选择一行然后选择toolbar的对应button就能够对这行的数据进行操作。

但实际项目里我们可能须要在每行后面加一些操作链接。比方“改动”、“删除”、“查看”之类。例如以下图:

第一步,须要在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>




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值