需求:界面点击选择弹出窗口查询列表,选择后回填给父界面(按钮界面)使用jBox方式
//弹窗
function open(id){
var level = $("#level").val();//参数传给iframe界面查询使用
//由于是弹出的面板,所以要自己写一个jsp(一个单独的查询界面嵌入iframe)
top.$.jBox.open("iframe:xx/xx/selectList?id="+id, "添加",$(top.document).width()-700,$(top.document).height()-168,{
buttons:{"保存":"ok"},
submit:function(v, h, f){
var sonHTML = "";
var count = 0;
var list_map = new Array();
var iframeHtml = h.find("#jbox-iframe")[0];//获取iframe默认就一个
var $chkBoxes = $(iframeHtml).contents().find("input:checked");//找到被选中的checkbox集
if ($chkBoxes.length == 0){//如果不勾选弹出警告框
alert('请选择在保存!');
return false;
}
$chkBoxes.each(function () {
var flag = true;
var tr = $(this).closest('tr'), tds = tr.find('td');
var id = $.trim(tds.eq(0).text());
var name = $.trim(tds.eq(1).text());
var type = $.trim(tds.eq(2).text());
var status = $.trim(tds.eq(3).text());
var t_status = id + count;//单选框自定义名称
$('#contentTable').find('tbody').find("tr").each(function(){
var tdArr = $(this).children();
var parent_id = $.trim(tdArr.eq(0).text());
if(id==parent_id){
flag = false;
return flag;
}
});
if(flag ==false){
return true;
}
sonHTML += "<tr><td>" + id + "</td>";
sonHTML += "<td>" + name + "</td>";
sonHTML += "<td>" + type + "</td>";
sonHTML += "<td>" + status + "</td>";
sonHTML += "<td><input type=\"radio\" name=" + status + " value = \"1\">使用</input><input type=\"radio\" name=" + status + " value = \"0\" checked=\"checked\">不使用</input></td></tr>";
list_map.push({"id":id,"status":1});
count++;
});
var listJson = "{\"list\"\:"+JSON.stringify(list_map)+"}";
$.ajax({
type:"post",
url:"xx/xx/save",
data:{"listJson":listJson},
success : function(data) {//请求的返回成功的方法
if(data.data=="success"){
alert("success!");
$("#contentTable").append(sonHTML);
}else{
alert("error!");
}
},
error : function(XMLHttpRequest, textStatus, errorThrown) {//请求的失败的返回的方法
alert("ajax error!");
}
});
}
});
};