页面引入dialog

来源:互联网 发布:淘宝高仿男鞋店铺 编辑:程序博客网 时间:2024/06/06 01:24

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;
原创粉丝点击