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页面中）
一.显示数据库中的多条数据为什么要用分页 在真正的开发中,数据库中所存储的数据绝对不像我们平时所写的那样,仅仅有几条数据,而是有几十条甚至上百条,像淘宝京东的用户把都是上几十万甚至百万的.如果这时候在 ...
随机推荐
- (转)Thinkpad X1 Carbon 扩展硬盘
http://tieba.baidu.com/p/5837920925 网上看到有人成功利用X1C空闲的4G模块来实现了扩充用的是东芝RC100或者建兴的T11 其实难点应该是2242这种尺寸的SSD ...
- 问题：页面输出正常，php写入sqlserver乱码/空白。
问题一:php连接sqlsever2005,输入中文,然后查询sqlserver中对应的数据,由于提交中文是UTF-8,而sqlserver的中文为GBK,所以字段无法匹配,没有查询结果. 问题二,p ...
- 爬虫之Selenium 动态渲染页面爬取
Selenim 是一个自动化测试工具,可以利用它驱动浏览器执行特定的动作,如点击.下拉等操作,同时可以获取浏览器当前呈现的页面的源代码,做到可见及可爬 1.使用流程 1)声明浏览器对象 Seleniu ...
- R语言-时间序列图
1.时间序列图 plot()函数 > air<-read.csv("openair.csv") > plot(air$nox~as.Date(air$date,& ...
- 使用Dockerfile自定义一个包含centos，tomcat的镜像
1.首先建立一个专用的dockerfile目录,方便统一存放将要创建的Dockerfile文件及相关资源, 例如:mkdir mydockerself 2.定位到mydockerself路径下,下载l ...
- 堡垒机升级V3.2.14
- Selenium+Java的TestNG测试报告优化
本博主很懒,但学习很勤快,一般能从博客园直接转载的东西,本博主绝不动手写,无奈Selenium+java生成的测试报告在百度上搜索..反正我是没有看到.后来才知道TestNG它可以自动生成测试报告,但 ...
- Linux 使用nmcli配置网络
Linux 使用nmcli配置网络 前提: 在虚拟机中添加一张桥接模式的网卡,如果是VirtualBox虚拟机中要shutdown才能添加. 1.启动NetworkManager工具,安装nmcli命 ...
- 圆形图片 ImageView
package com.example.m_evolution; import android.content.Context; import android.graphics.Bitmap; imp ...
- 牛客小白月赛13 小A的最短路（lca+RMQ）
链接:https://ac.nowcoder.com/acm/contest/549/F来源:牛客网 题目描述 小A这次来到一个景区去旅游,景区里面有N个景点,景点之间有N-1条路径.小A从当前的一个 ...