普元:跨域(页面)传值

当修改时,把选中的数据传递到修改页面(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);
    }

猜你喜欢

转载自blog.csdn.net/sinat_25378929/article/details/52126776