easyUI dialog打开对话框，显示列表数据，选取一条数据操作后赋值给父窗口 resultMap声明为全局，生成getset方法
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%@ include file="/jsp/common/commonfile.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type="text/javascript" src="jquery-easyui-1.3.5/jquery.easyui.min.js"></script>
<script type="text/javascript" src="jquery-easyui-1.3.5/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" href="jquery-easyui-1.3.5/themes/black/easyui.css" type="text/css"/>
<link rel="stylesheet" href="jquery-easyui-1.3.5/themes/icon.css" type="text/css"/>
<title></title>
<script type="application/javascript">
/**
* 弹出层 可定义宽高 style="overflow:hidden!important;"滚动条不可见
*/
function openModalWindowHW(title, url, height, width) {
var content = '<iframe src="' + url + '" width="100%;" height="100%;" frameborder="0" style="overflow:hidden;"></iframe>';
var boardDiv = '<div id="win" title="' + title + '" style="overflow:hidden!important;"></div>';
$(document.body).append(boardDiv);
var win = $('#win').dialog({
content: content,
height: height,
width: width,
title: title,
top:20,
modal: true, //'true',模态框打开父窗口变灰，无法操作
onClose: function () {
$(this).dialog('destroy');//后面可以关闭后的事件
}
});
win.dialog('open');
} //弹出层 宽高跟随系统 fit="true"设置模态框弹出窗口大小跟随系统
function openModalWindow(title, url) {
var content = '<iframe src="' + url + '" width="100%;" height="100%;" frameborder="0"></iframe>';
var boardDiv = '<div id="win" title="' + title + '" fit="true" ></div>';
$(document.body).append(boardDiv);
var win = $('#win').dialog({
content: content,
title: title,
modal: true,
onClose: function () {
$(this).dialog('destroy');//后面可以关闭后的事件
}
});
win.dialog('open');
win.window('center');
}
</script>
</head>
<body>
<div>
<form id="submitForm" action="saveExtProject.action" method="post" onsubmit="return checkInput()">
<input class="btn btn-primary" style="width: 100px;" type="button"value="打开弹出框" onclick="openModalWindowHW('标题','url},500,810)">/>
<input type="text" id="name"/>
<input type="text" id="sex"/>
<input type="text" id="year"/>
</form>
</div>
</body>
</html>
父页面
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%@ include file="/jsp/common/commonfile.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <script type="text/javascript" src="jquery-easyui-1.3.5/jquery.easyui.min.js"></script>
<script type="text/javascript" src="jquery-easyui-1.3.5/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" href="jquery-easyui-1.3.5/themes/black/easyui.css" type="text/css"/>
<link rel="stylesheet" href="jquery-easyui-1.3.5/themes/icon.css" type="text/css"/>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script type="application/javascript">
/**
* 弹出框列表页选择一条信息操作，赋值给父页面
*/
function select(id) {
$.ajax({
type: 'POST',
url: 'select.action',
data: {'id':id},
dataType: 'json',
success: function (data) {
if (data.isSuccess = true) {
//赋值给父页面
$(window.parent.$("#name").val(data.name));
$(window.parent.$("#sex").val(data.sex));
$(window.parent.$("#year").val(data.year));
//父窗口关闭此模态框
parent.$("#win").window("close");
}
}
})
</script>
</head>
<body>
<input type="button" value="勾选一条数据" onclick="return select('${id}')"/>
<table>
<!--列表表头 开始 -->
<tr>
<th>
<input type="checkbox" name="checkbox" id="checkAll"
onclick="checkAll('checkedId','checkAll')"/>编号
</th>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
</tr>
<!--列表表头 结束 -->
<!-- 数据行 开始 -->
<c:forEach var="li" items="${resultList}" varStatus="status">
<tr>
<td><input type="checkbox" name="checkedId" value="${li.Id}" id="${li.Id}"/></td>
<td>${li.name}</td>
<td>${li.sex}</td>
<td>${li.year}</td>
</tr>
</c:forEach>
<!-- 数据行 结束 -->
</table>
</body>
</html>
子页面
public String select(){
Map<String, Object> resultMap = new HashedMap();
resultMap.put("name", "小明");
resultMap.put("sex", "男");
resultMap.put("year",18);
resultMap.put("isSuccess", "true");
return SUCCESS;
}
子页面controller.java
<action name="associateProject" class="extProjectInfoManagerAction" method="associateProject">
<result name="success" type="json"> <!--这是常用配置，resultMap表示返回的json对象，root表示返回对象的层级为根部，因为一般对象可以直接获得更多的对象，比如xx.getParent() 程序会默认以为你要返回的json类型为该对象下的所有属性及对象，以及对象的对象，对象的属性，一直下去。
所以如果不指定name="root" 这就会导致死循环，内存溢出-->
<param name="root">resultMap</param>
</result>
</action>
子页面struts.xml
easyUI dialog打开对话框，显示列表数据，选取一条数据操作后赋值给父窗口 resultMap声明为全局，生成getset方法的更多相关文章
- SQL 一列数据整合为一条数据
SQL 一列数据整合为一条数据: SELECT STUFF(( SELECT distinct ',' + 列名 FROM 表名 where [条件] FOR XML PATH('') ), 1 ...
- knockout更新列表中的某条数据，knockout.js绑定数组时更新其中一条数据
knockout是一款前端实现MVVM的JS框架,仅knockout.js一个47kb的文件,相当实用,做前端无刷新页面,快速实现JS与HTML数据交互. knockout目前最新版:knockout ...
- MySQL 数据库查询数据，过滤重复数据保留一条数据---（MySQL中的row_number变相实现方法）
转自: http://www.maomao365.com/?p=10564 摘要: 下文讲述MySQL数据库查询重复数据时,只保留一条数据的方法 实现思路: 在MySQL数据库中没有row_numbe ...
- easyUI dialog 弹窗 居中显示
默认情况下应该是在屏幕居中显示的.但是有的时候没有居中只要重新纠正下就可以了 $('#add_dialog').dialog('open'); //打开添加对话框 $('#add_dialog').w ...
- MYSQL 随机选取几条数据
SELECT * FROM tablename AS r1 JOIN (SELECT ROUND(RAND() *(SELECT MAX(id)FROM tablename)) AS id) AS r ...
- MyBatis 查询数据时属性中多对一的问题（多条数据对应一条数据）
数据准备 数据表 CREATE TABLE `teacher`( id INT(10) NOT NULL, `name` VARCHAR(30) DEFAULT NULL, PRIMARY KEY ( ...
- sqlserver中 多条数据合并成一条数据 （stuff 与 for xml path 连用）
SQL 列转行,即多行合并成一条 需求:按照分组,将多条记录内容合并成一条,效果如下: 数据库示例: CREATE TABLE [t2]([NID] [bigint] NULL,[district ...
- 在WPF对话框中如何验证用户提供的数据
在WPF中,MS在msdn的WPF应用程序开发中对用户输入的数据验证做了示范,基本思想就是添加各种类型的校验规则,比如最大最小值.字符串长度.是否为空等等,在后在界面绑定数据时添加数据字段的校验.这样 ...
- 分页（将数据库中的多条数据一页一页的显示在jsp页面中）
一.显示数据库中的多条数据为什么要用分页 在真正的开发中,数据库中所存储的数据绝对不像我们平时所写的那样,仅仅有几条数据,而是有几十条甚至上百条,像淘宝京东的用户把都是上几十万甚至百万的.如果这时候在 ...
随机推荐
- 初识Scratch 3.0
之前在帮朋友搜集少儿编程教育资料的时候,发现了麻省理工开发的积木式编程语言的Scratch,最近有空玩了下,感觉很惊艳,我能想象用它做一些有趣的事情,Scratch把编程元素变成像乐高积木一样,可以通 ...
- 问题：页面输出正常，php写入sqlserver乱码/空白。
问题一:php连接sqlsever2005,输入中文,然后查询sqlserver中对应的数据,由于提交中文是UTF-8,而sqlserver的中文为GBK,所以字段无法匹配,没有查询结果. 问题二,p ...
- jQuery入门学习
一.jQuery的介绍 1.jQuery是一种轻量级的.兼容多浏览器的JavaScript库. 2.jQuery使用户能够方便处理HTML Document Events 实现动画效果.方便的进行Aj ...
- yii2.0 引入autoload.php提示Operation not permitted
open_basedir()配置下就可以了.比如目录是/www/ad/web/yii/就在/usr/local/nginx/conf/fastcgi.conf里面修改下配置 opendir=/www/ ...
- JQuery+formValidator实现表单验证
<!-- 需求: 用户注册页面要有用户名.密码.确认密码.邮箱 用户名文本框:用户名不能为空,且必须为数字与字母的6到12位的组合 密码框:密码不能为空,最少6位,包括至少1个大写字母,1个小写 ...
- findbugs插件使用
本文以idea的插件举例子 介绍 Findbugs是一个静态分析工具,它检查类或者JAR 文件,将字节码与一组缺陷模式进行对比以发现可能的问题. idea安装 自此,插件安装完毕,需要重启idea才生 ...
- Linux - 系统信息相关命令
系统信息相关命令 本节内容主要是为了方便通过远程终端维护服务器时,查看服务器上当前 系统日期和时间 / 磁盘空间占用情况 / 程序执行情况 本小结学习的终端命令基本都是查询命令,通过这些命令对系统资源 ...
- 2018-2019-2 20165315 《网络对抗技术》Exp4 恶意代码分析
2018-2019-2 20165315 <网络对抗技术>Exp4 恶意代码分析 一.实验要求 1.系统运行监控 使用如计划任务,每隔一分钟记录自己的电脑有哪些程序在联网,连接的外部IP是 ...
- xp密钥-资源分享
xp-密钥:QC986-27D34-6M3TY-JJXP9-TBGMD ftp-资源地址: ftp://10.10.31.2/?tdsourcetag=s_pctim_aiomsg
- composer 安装thinkphp
//tp 项目文件夹名称 composer create-project topthink/think tp //图形验证码包 composer require topthink/think-capt ...