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页面中）
一.显示数据库中的多条数据为什么要用分页 在真正的开发中,数据库中所存储的数据绝对不像我们平时所写的那样,仅仅有几条数据,而是有几十条甚至上百条,像淘宝京东的用户把都是上几十万甚至百万的.如果这时候在 ...
随机推荐
- shardingsphere多数据源（springboot + mybatis+shardingsphere+druid）
org.springframeword.boot:spring-boot-starer-web: 2.0.4release io.shardingsphere:sharding-jdbc-spring ...
- 小A与小B-（双向bfs）
链接:https://ac.nowcoder.com/acm/contest/549/G来源:牛客网 题目描述 小A与小B这次两个人都被困在了迷宫里面的两个不同的位置,而他们希望能够迅速找到对方,然后 ...
- 小乌龟 coding 克隆、提交一直提示无权限
因为之前设置过账号,但是网上各种命令行清除都没有用,进入小乌龟设置删除全局配置,系统配置,保存就可以克隆等操作了
- jira7.3.6 linux安装
一.环境准备 jira7.3的运行是依赖java环境的,也就是说需要安装jdk并且要是1.8以上版本,如下: http://www.oracle.com/technetwork/java/javase ...
- Nginx动静分离负载均衡
前期准备 使用Debian环境.安装Nginx(默认安装),一个web项目,安装tomcat(默认安装)等. Nginx.conf配置 # 定义Nginx运行的用户 和 用户组 如果对应服务器暴露在外 ...
- 深度学习项目——基于循环神经网络（RNN）的智能聊天机器人系统
基于循环神经网络(RNN)的智能聊天机器人系统 本设计研究智能聊天机器人技术,基于循环神经网络构建了一套智能聊天机器人系统,系统将由以下几个部分构成:制作问答聊天数据集.RNN神经网络搭建.seq2s ...
- python将文本写入剪切板
import pyperclip pyperclip.copy('The text to be copied to the clipboard.') spam = pyperclip.paste() ...
- pythone函数基础（14）发送邮件
导入yagmail模块import yagmailusername='uitestp4p@163.com'password='houyafan123'#生成授权码,qq.163.126都是授权码 ma ...
- 内置函数-fliter
def is_odd(x): return x % 2 == 1 ret = filter(is_odd, [1,4,6,7,9]) print(ret) for i in ret: print(i) ...
- Android面试准备20190422
1.即时推送原理,采用的push推送模式,保持一个长连接,服务端和客户端连接后不再断开.所谓长连接,即是在一个TCP上可以连续发送多个数据包,在TCP连接保持期间,如果没有数据包发送,需要双方发送检测 ...