easyui datagrid 如何根据行号获取 某行数据
1.上代码:
1 function directEdit(index,e ) { 2 e.stopPropagation(); //阻止冒泡事件发生 ,即点击 编辑按钮后 行不会被选中 3 4 5 //获取 行号为 index的数据 6 var d= $("#netInfo").datagrid('getRows')[index] ; 7 8 9 $("#uform").get(0).reset(); 10 $("#dlg").dialog({ title: '修改会议信息' }); 11 $("#dlg").dialog("open"); 12 // 表单自动装载 index行所有数据 13 $("#uform").form('load', d); 14 }
2. 调用 directEdit 方法 传入 行号 index ,同时闯入 event 参数
columns: [[ { field: 'ck', checkbox: true, width: 20 }, { field: 'jz', title: '操作', width: 130, formatter: function (value, row, index) { var id = row.ID; return "<a href='javascript:void(0)' onclick='toSingleNetView(" + id + ")' >详情<a/> <a href='javascript:void(0)' onclick='directEdit(" + index + ",event)' > 编辑</a> "; } }, { field: 'ID', title: '编号', width: 40 }, { field: 'hy_title', title: '会议标题', width: 120 }, { field: 'hy_fqr', title: '会议发起领导', width: 90 }, { field: 'hy_host', title: '主持人', width: 90 }, { field: 'hy_class', title: '类别', width: 90 }, { field: 'hy_time', title: '会议时间', width: 90 }, { field: 'hy_room', title: '会议地点', width: 180 }, { field: 'hy_requirement', title: '会议要求', width: 130 }, { field: 'hy_xz', title: '会议须知', width: 240 }, { field: 'hy_chry', title: '参会人员', width: 460 }, { field: 'hy_program', title: '会议议程', width: 400 }, { field: 'hy_demo', title: '会议概要', width: 90 } ]],
3.按照上述 方法操作后 datagrid 加入 编辑按钮后 可直接 调用 directEdit()方法 编辑数据