- 当我们使用easyui datagrid的时候,他的单元格formatter就体现了强大的功能,formatter自带三个参数:
value:字段值。
row:行记录数据。
index: 行索引。
通过这三个参数,我们可以获得datagrid当前行的所有内容,方便我们对其进行处理,下面给出一个最常用的例子:
//首先给datagrid添加单元格列;
<th data-options="field:'operation',width:200,align:'center',formatter:formatOper">操作</th>
//然后通过JS定义formatOper属性;
var formatOper = function(val, row, index) {
return '<a href="#" class="easyui-linkbutton easyui-tooltip" title="编辑" data-options="plain:true" onclick="wyfeeYhq.openwyfeeYhqDlg(false, ' + row.id
+ ');"><span class="l-btn-left l-btn-icon-left"><span class="l-btn-text">编辑</span><span class="l-btn-icon icon-edit"> </span></span></a>'
+ '<a href="#" class="easyui-linkbutton easyui-tooltip margin-left-5" title="删除" data-options="plain:true" onclick="wyfeeYhq.removewyfeeYhq(' + row.id
+ ');"><span class="l-btn-left l-btn-icon-left"><span class="l-btn-text blue">删除</span><span class="l-btn-icon icon-remove"> </span></span></a>';
}
//这样就给我们的datagrid添加了两个点击事件,一个编辑,一个删除,通过row.id获得当前数据的id,可以通过id做编辑和删除操作。