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页面中）
一.显示数据库中的多条数据为什么要用分页 在真正的开发中,数据库中所存储的数据绝对不像我们平时所写的那样,仅仅有几条数据,而是有几十条甚至上百条,像淘宝京东的用户把都是上几十万甚至百万的.如果这时候在 ...
随机推荐
- 关于导入zepto出错的问题
一.前言 webpack在配置多页面开发的时候 ,发现用 import 导入 Zepto 时,会报 Uncaught TypeError: Cannot read property 'createEl ...
- python学习Day10 函数的介绍（定义、组成、使用）
今日学习内容: 1.什么是函数 :函数就是一个含有特定功能的变量,一个解决某问题的工具 函数的定义:通过关键字def + 功能名字():代码体(根据需求撰写代码逻辑) 2.为什么要用函数:可以复用:函 ...
- JS应用猜数游戏
(function(){ let rs = require("readline-sync"); let guessNumber = new Set(); function getN ...
- java 生成随机校验码
1 import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.image.Buffe ...
- angluar1时间控件，在浏览器里是没有问题的，但是真机时间报错NAN
因为是老项目并且用的angluar1有时也会很头疼没法直接打包和手机联调,所以浏览器上测试的多但是真机和浏览器还是不一样的,废话不说了,看图吧 我的时间插件代码是这样的 后台返回的数据格式是这样的 , ...
- bootstrap日期选择
<input type="text" class="form-control datepicker" style="padding: 0.375 ...
- [转]真正的中国天气api接口xml，json
转自:http://blog.csdn.net/fancylovejava/article/details/26102635 我只想说现在网上那几个api完全坑爹有木有??? 官方的申请不来有木有,还 ...
- 关于textarea标签自己遇到的问题
效果描述: 固定文本框的宽高,让文本框不被拖拽,让提示内容的文字垂直居中 html: <div> <label>活动详情</label> <textarea ...
- laravel view not found
在windows开发的laravel项目,部署到Linux服务器找不到视图,代码格式可能是这样的 return view('news\list'); 原因是在Linux下不能识别反斜杠路径,解决办法是 ...
- input控制输入保留一位小数
function zlip(obj){ obj.value = obj.value.replace(/[^\d.]/g,""); //清除“数字”和“.”以外的字符 obj.val ...