类对象传输到jsp页面。需要转换为js的json对象时，这么做。
场景：要从一个列表中选择信息，填写入父页面的表单中，但是字段非常多。。。
后台查询，得到结果，放在列表中。
效果：点击选择产品。。
弹出页面：点击后面的选择产品
选择产品后：信息自动填充。。
实现：点击选择产品，js页面，查询具体的数据信息，弹出产品列表框来。。
// 选择产品信息
var choose_productInfo_listForm=null;
//选择保险公司
function choose_productInfo_list(patch){
if(choose_productInfo_listForm&&choose_productInfo_listForm.open&&!choose_productInfo_listForm.closed) {
choose_productInfo_listForm.focus();
return false;
}else{
choose_productInfo_listForm = window.open(patch+'/product/productType/choose_productInfo_list.do','','status,scrollbars,resizable,left=10,top=0,width=900,height=700');
choose_productInfo_listForm.focus();
}
}
选择产品列表页面：
<html xmlns="http://www.w3.org/1999/xhtml">
<jsp:useBean id="jsonObject" class="net.sf.json.JSONObject"/>
<head>
<%@include file="/common/include.jsp" %>
<script type="text/javascript" src="${pageContext.request.contextPath }/resourcesStyle/adminjs/product/productType/product_type.js"></script>
</head>
<table class="table table-bordered">
<tr>
<td align="center" nowrap="nowrap" bgcolor="#f1f1f1"><strong>产品编号</strong></td>
<td align="center" nowrap="nowrap" bgcolor="#f1f1f1"><strong>产品名称</strong></td>
<td align="center" nowrap="nowrap" bgcolor="#f1f1f1"><strong>产品类型</strong></td>
<td align="center" nowrap="nowrap" bgcolor="#f1f1f1"><strong>资产类型</strong></td>
<td align="center" nowrap="nowrap" bgcolor="#f1f1f1"><strong>操作</strong></td>
</tr>
<c:if test="${empty pageResultVo.resultList }">
<tr>
<td align="center" colspan="9">暂无数据</td>
</tr>
</c:if>
<c:if test="${not empty pageResultVo.resultList }">
<c:forEach var="bean" items="${pageResultVo.resultList}" varStatus="i">
<tr ${i.count%2==1?"":"bgcolor='#f2f2f2'" }>
<td align="center">${bean.productNo}</td>
<td align="center">${bean.productName}</td>
<td align="center"><iaf:show typeId="053" value="${bean.productTypeNew}" /></td>
<td align="center"><iaf:show typeId="047" value="${bean.productType}" /></td>
<td align="center">
<a href="#" onclick="postPlatformFeeInof('${bean.productNo }')">平台费用</a>
<input type="button" value="选择产品" onclick="chooseProduct('${bean.productNo}')" />
<span id="span${bean.productNo}" style="display: none;">${jsonObject.fromObject(bean)}</span>
</td>
</tr>
</c:forEach>
</c:if>
</table>
<%@include file="/common/page_plug_in.jsp" %>
点击选择产品按钮触发js：
// 弹出框选择产品
function chooseProduct(productNo){
var productInfoStr = $("#span"+productNo).html(); // 获取字符串信息内容。
var productInfo = eval('(' + productInfoStr + ')');// 将字符串内容转换为js的json对象。
$("#productNo",window.opener.document).val(productInfo.productNo);// 产品编号
$("#productName",window.opener.document).val(productInfo.productName);// 产品名称
$("#rateWaitDay",window.opener.document).val(productInfo.rateWaitDay);// 最长起息日延长天数
$("#paymentMethod",window.opener.document).val(productInfo.paymentMethod); //还款方式
$("#pMethodShow",window.opener.document).val(productInfo.paymentMethod); //还款方式
$("#commutingWaitDay",window.opener.document).val(productInfo.commutingWaitDay);
$("#rateType",window.opener.document).val(productInfo.rateType);//利息利率类型0日1月2年
$("#rateTypeShow",window.opener.document).val(productInfo.rateType);//利息利率类型0日1月2年
$("#loanPeriodFlag",window.opener.document).val(productInfo.loanPeriodFlag);// 还款周期
$("#lFlagShow",window.opener.document).val(productInfo.loanPeriodFlag);// 还款周期
$("#paybackDay",window.opener.document).val(productInfo.paybackDay);// 宽限天数
$("#fineRate",window.opener.document).val(productInfo.fineRate);// 固定罚息利率
// $("#inPolicyFlag",window.opener.document).val(productInfo.inPolicyFlag);//是否收取保费
$("#policyCustId",window.opener.document).val(productInfo.policyCustId);//保险公司ID
$("#policyCustName",window.opener.document).val(productInfo.policyCustName);//保险公司名称
$("#inPolicyId",window.opener.document).val(productInfo.inPolicyId);//保费账户
$("#inPolicyName",window.opener.document).val(productInfo.inPolicyName);//保费账户名称
$("#outPolicyId",window.opener.document).val(productInfo.outPolicyId);//理赔账户
$("#outPolicyName",window.opener.document).val(productInfo.outPolicyName);//理赔账户名称
$("#bb",window.opener.document).val(productInfo.businessContracttemplate);//合同模板
$("#bbShow",window.opener.document).val(productInfo.businessContracttemplate);//合同模板
$("#inPolicyFlagShow",window.opener.document).val(productInfo.inPolicyFlag);//收取保费
$("#inPolicyFlag",window.opener.document).val(productInfo.inPolicyFlag);//收取保费
$("#pcTypeShow",window.opener.document).val(productInfo.policyCompanyType);//保险公司类型
$("#assignmentDays",window.opener.document).val(productInfo.assignmentDays);//转让持有天数
$("#productType",window.opener.document).val(productInfo.productType); //资产类型
$("#productTypeName",window.opener.document).val(productInfo.productType); //资产类型名称
$("#productTypeNew",window.opener.document).val(productInfo.productTypeNew); //产品类型
$("#productTypeNewName",window.opener.document).val(productInfo.productTypeNew); //产品类型名称
$("#compensateOverDay",window.opener.document).val(productInfo.compensateOverDay);//赔付延迟天数 window.close();// 关闭窗口
}
就这样大功告成。。
类对象传输到jsp页面。需要转换为js的json对象时，这么做。的更多相关文章
- 12月6日 被引入的jsp 页面，引入 js 要注意结束符 要用 </script> 而不是 />
12月6日 被引入的jsp 页面,引入 js 要注意结束符 要用 </script> 而不是 />
- js中JSON对象和字符串对象相互转化
JSON.stringify(value [, replacer] [, space]) //作用,将json数据转化为字符串value:是必须要的字段.就是你输入的对象,比如数组啊,类啊等等. re ...
- 原生JS：JSON对象详解
JSON对象 支持到IE8,旧版的IE需要Polyfill 本文参考MDN做的详细整理,方便大家参考[MDN](https://developer.mozilla.org/zh-CN/docs/Web ...
- Js拼Json对象
我们通常会拼字符串,但是拼字符串的话,遇见占位符会出错. 下面分享一个拼js拼json对象的方法: var jsonArr = []; $ ...
- js遍历json对象
原生js遍历json对象 遍历json对象: 无规律: <script> var json = [ {dd:'SB',AA:'东东',re1:123}, {cccc:'dd',lk:'1q ...
- js 替换json对象中的键名
js 替换json对象中的键名 CreateTime--2018年3月30日15:38:50 Author:Marydon 情景描述: 有个json数组,现在需要将json对象中的key替换掉,值 ...
- js中 json对象与json字符串相互转换的几种方式
以下总结js中 json对象与json字符串相互转换的几种方式: 一.JSON对象转化为JSON字符串 1.使用JSON.stringify()方法进行转换 该方法不支持较老版本的IE浏览器,比如:i ...
- jsp页面时间戳转换为时间格式
jstl中格式化时间戳 在jsp页面中使用jstl标签将long型的时间戳转换为格式化后的时间字符串 1.通过<jsp:useBean /> 导入java.util.Date类2.通过 ...
- JSP如何在servlet将一个数据模型对象传递给jsp页面
在servlet把对象放到request里,然后jsp里直接通过request取值如 在servlet:(简写了)public void doGet(request,response){UserInf ...
随机推荐
- centos7配置hadoop
hadoop压缩包下载: 链接:https://pan.baidu.com/s/1dz0Hh75VNKEebcYcbN-4Hw 提取码:g2e3 java压缩包下载: 链接:https://pan.b ...
- redis事务、并发及应用场景
目录 事务概念 事务命令 乐观锁 悲观锁 并发控制及过期时间 队列 队列防丢失 阻塞队列 时间区间控制 持久化 RDB AOF 命令追加 文件写入.同步 RDB.AOF优缺点 RDB优缺 AOF优缺 ...
- insert 一条数据 然后拿出这条数据在数据库中生成的ID
[insert 一条数据 然后拿出这条数据在数据库中生成的ID] <insert id="insert" parameterType="management&quo ...
- Qt程序开机自动运行
一.写入注册表需要管理员权限 1.开发中生成并运行程序需要写入注册表时,应该以管理员权限打开项目: 2.点击程序运行需要写入注册表,则应该以管理员权限打开此程序. 二.实现 void MoreSetW ...
- MySQL的sql语言分类DML、DQL、DDL、DCL
SQL语言一共分为4大类:数据定义语言DDL,数据操纵语言DML,数据查询语言DQL,数据控制语言DCL 1.数据定义语言DDL(Data Definition Language) 对象: 数据库和表 ...
- 1231: 删除字符串中指定的字符（Java）
WUSTOJ 1231: 删除字符串中指定的字符 题目 原题链接 Description 明天就要英语考试了,小明明正在挑灯夜战背单词.小明明发现单词很难背,背一个忘一个.经过仔细研究,小明明发现单词 ...
- git 去除版本控制
git会进入当前文件目录, 然后执行如下命令: find . -name ".git" | xargs rm -Rf 该项目就会去除git的版本控制了.再修改的话也不会影响git的 ...
- C# DateTime Subtract
DateTime start = DateTime.Now.AddDays(-20); DateTime end = DateTime.Now; TimeSpan ts = end.Subtract( ...
- C++万能头文件<bits/stdc++.h>的内容与优缺点
最近发现了一个C++的头文件bits/stdc++.h,听说这是一个几乎包含了所有C++库函数的头文件,就想更深入的了解一下,下面是头文件内容 // C++ includes used for pre ...
- 听课笔记--DP--Authentication Failed
Authentication Failed https://www.codechef.com/problems/AUTHEN/ 从一个长为N+K的由小写字母组成的字符串中删去K个字符, 可以得到多少种 ...