dialog窗口打开新页面

最新推荐文章于 2024-07-16 15:41:24 发布

g_blue_wind

最新推荐文章于 2024-07-16 15:41:24 发布

阅读量1.5w

点赞数 1

分类专栏： js实用功能

本文链接：https://blog.csdn.net/g_blue_wind/article/details/51980551

版权

该博客介绍了如何使用Dialog窗口来打开一个新的页面，用于微信账号的绑定操作。在JavaScript中，通过创建Dialog实例并设置相关参数实现页面跳转。在控制器中，设置了相应的请求映射，用于展示微信账号绑定的页面。新打开的页面包含表单元素，用于检索和显示微信用户信息，并提供了添加数据的按钮，点击后会触发Dialog关闭并更新原有页面的相关信息。

摘要由CSDN通过智能技术生成

1、页面

//获取微信信息
function add(){
var diag = new top.Dialog();
diag.Drag=true;
diag.Title ="绑定微信";
diag.URL = '<%=basePath%>insideuser/goAddWechat.do';
diag.Width = 800;
diag.Height = 700;
diag.CancelEvent = function(){ //关闭事件
var signal_name = diag.innerFrame.contentWindow.document.getElementById("signal_name").value;
var signal_id = diag.innerFrame.contentWindow.document.getElementById("signal_id").value;
var user_pic = diag.innerFrame.contentWindow.document.getElementById("user_pic").value;
$("#SIGNAL_NAME").val(signal_name);
$("#signal_name").val(signal_name);
$("#SIGNAL_ID").val(signal_id);
$("#USER_PIC").val(user_pic);
$("#img").attr("src",user_pic);
diag.close();
};
diag.show();
}

2、controller

/**
* 去微信帐号页面
*/
@RequestMapping(value="/goAddWechat")
public ModelAndView goAddWechat(Page page){
logBefore(logger, "去新增页面");
ModelAndView mv = this.getModelAndView();
PageData pd = new PageData();
try {
pd = this.getPageData();
page.setPd(pd);
List<PageData> varList = weixin_userService.list(page); //列出Weixin_User列表
mv.setViewName("weixin/insideuser/insideuser_addwechat");
mv.addObject("varList", varList);
mv.addObject("pd", pd);
} catch (Exception e) {
logger.error(e.toString(), e);
}
return mv;
}