1.通过后台引入jsp页面
具体写法:
1)在jsp页面中定义放置dialog的div
<div id="xzqhListDialog" class="easyui-dialog" data-options="headerCls:'titlecls'"></div>
2)js写法
var url=me.myMap.MapConfigManager.CommonConfig.ServerConfig.serviceHost.url;
$("#designate_btn").on("click", function () {
$('#xzqhListDialog').dialog({
title: '行政区列表',
width:200,
height:400,
left:665,
top:130,
zIndex:1000,
draggable:false,
resizable:false,
shadow:false,
closed: true,
cache: false,
href: url+'/pageNav/to_xzqhList.do',
modal:false,
onClose: function() {
}
});
$('#xzqhListDialog').dialog('open');
});
3)java中的写法
@RequestMapping(value="to_xzqhList")
public ModelAndView to_xzqhList(){
ModelAndView mv = this.getModelAndView();
PageData pd = this.getPageData();
try{
/iro管理的session
Subject currentUser = SecurityUtils.getSubject();
Session session = currentUser.getSession();
mv.setViewName("zfxcAnalysis/xzqhList");
/*User user = (User)session.getAttribute(Const.SESSION_USER);
if (user != null) {
mv.setViewName("identity/index");
mv.addObject("user", user);
//mv.addObject("userFunctions", session.getAttribute(Const.SESSION_FUNCTIONS));
}else {
mv.setViewName("admin/login");/ssion失效后跳转登录页面
}*/
} catch(Exception e){
mv.setViewName("admin/login");
logger.error(e.getMessage(), e);
}
mv.addObject("pd",pd);
return mv;
}
2直接在前端引入html页面
//指派列表弹框html地址
var url=me.myMap.MapConfigManager.CommonConfig.ServerConfig.serviceHost.url+'/distmap/functionDisplayFrame/accountStatic/templates/xzqhList.html';
//打开指派列表弹框
var dialog = $('#xzqhListDialog').dialog({
title: '指派列表',
width:400,
height:400,
closed: false,
cache: false,
queryParams:{"baseUrl":baseUrl,"xzqhdata":xzqhdata,"postInfoURL":postInfoURL,"curr_userid":curr_user_userID,"curr_user_roleID":curr_user_roleID,"curr_user_xzqdm":curr_user_xzqdm},
content :'<iframe id="importxtx" src='+url+' frameborder="0" width="100%" marginheight="0" marginwidth="0" style="border:0px;" height="99.25%"></iframe>',
modal: false
});
dialog.data({}).dialog('open');
2)在js中获取页面所携带的参数
//获取弹框所传递的参数
var obj = parent.$('#xzqhListDialog').dialog('options');
var queryParams = obj["queryParams"];
var baseUrl=queryParams.baseUrl;
//指派列表
var xzqhList=queryParams.xzqhdata;
//传递指派数据的接口地址
var postInfoURL=queryParams.postInfoURL;
//当前用户的id
var curr_userid=queryParams.curr_userid;
//当前用户的xzqdm
var curr_user_xzqdm=queryParams.curr_user_xzqdm;
//当前用户的角色
var curr_user_roleID=queryParams.curr_user_roleID;