jQuery easyUI datagrid 通过 index 获取行的内容
如下面 js 函数,显示拿到 datagrid 所有数据,然后通过 index 获取其中一行,
function online(index){
var rows = $('#tt').datagrid('getRows');//获得所有行
var row = rows[index];//根据index获得其中一行。
$.messager.alert('Info', row.name);
}
{
title: '操作', field: 'op', align: "center", width: 60, formatter: function (value, rec,index) {
var str = '';
/**
* create by: qiankunpingtai
* create time: 2019/3/21 11:23
* website:https://qiankunpingtai.cn/
* description:
* 对于每次拼接字符串作为参数传递
* 再对字符串分解获取数据的方式,个人感觉效率不是很高,实现也不优雅
* 在此使用传递index,然后根据index获取数据的方式替代
*/
str += '<img title="编辑" src="/js/easyui-1.3.5/themes/icons/pencil.png" style="cursor: pointer;" onclick="editSerialNumber(\'' + index + '\');"/> ';
str += '<img title="删除" src="/js/easyui-1.3.5/themes/icons/edit_remove.png" style="cursor: pointer;" onclick="deleteSerialNumber(' + rec.id + ');"/>';
return str;
}
}
//编辑信息
function editSerialNumber(index) {
//获取当前行
var rowsdata = $("#tableData").datagrid("getRows")[index];
$("#serialNumberId").val(rowsdata.serialNumberId);
$("#materialId").val(rowsdata.materialId);
$("#materialName").focus().val(rowsdata.materialName);
$("#serialNumber").val(rowsdata.serialNumber);
$("#remark").val(rowsdata.remark);
$('#serialNumberDlg').dialog('open').dialog('setTitle', '<img src="/js/easyui-1.3.5/themes/icons/pencil.png"/> 编辑序列号信息');
$(".window-mask").css({width: webW, height: webH});
//选中基本资料tab
$("#serialNumberFM #tt .tabs li").first().click();
url = '/serialNumber/updateSerialNumber';
}