当修改时,把选中的数据传递到修改页面(list.jsp-edit.jsp)
list.jsp:列表页面
<a class="nui-button" iconCls="icon-edit" id="editRow" plain="false" onclick="editRow()">修改</a>
查询列表que.biz.ext
list.js:
nui.parse();
/获取查询列表id
var grid = nui.get("grid1");
grid.load();
//修改
function editRow(){
//获取选中的数据
var data = grid.getSelected();
if(data !=null){
nui.open({
url:"<%= request.getContextPath() %>/grc/basic/risklevel/editRiskLevel.jsp",
width:500,
height:150,
showCloseButton:false,
onload:function(){
//将选中的数据传递(设置)给修改页面edit.jsp
var iframe = this.getIFrameEl();
iframe.contentWindow.SetData(data);
},
ondestroy:function(action){
if(action == "ok"){
nui.alert("修改成功");
grid.reload();
}
}
});
}else{
nui.alert("请先选中行");
}
}
edit.jsp:表单
需要编辑的字段
edit.js:
//使用SetData(data)获取列表页面传递过来的数据
function SetData(data){
//克隆数据
data = nui.clone(data);
//将数据设置到表单
form.setData(data);
}