类对象传输到jsp页面。需要转换为js的json对象时,这么做。
2017-03-02 13:18
489 查看
场景:要从一个列表中选择信息,填写入父页面的表单中,但是字段非常多。。。
后台查询,得到结果,放在列表中。
效果:点击选择产品。。
弹出页面:点击后面的选择产品
选择产品后:信息自动填充。。
实现:点击选择产品,js页面,查询具体的数据信息,弹出产品列表框来。。
选择产品列表页面:
点击选择产品按钮触发js:
就这样大功告成。。
后台查询,得到结果,放在列表中。
效果:点击选择产品。。
弹出页面:点击后面的选择产品
选择产品后:信息自动填充。。
实现:点击选择产品,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();// 关闭窗口 }
就这样大功告成。。
相关文章推荐
- JS中常用操作技巧(页面动态增加div,contain方法扩展,JSON对象鱼字符串转换)
- spring mvc json 直接把一个对象转换成json格式输出到jsp页面
- 将后台数据(C#)转换成JSON字符串传到页面转换成json对象存储在JS中
- json的作用:按规定格式保存js语言中的一组数据并转换为字符串(json是种特殊的容器,一般保存对象和数组数据(可以嵌套),并把它们装换为字符串在网络中传输?))
- 使用js声明数组,对象在jsp页面中(获得ajax得到json数据)
- js 将json字符串转换为json对象的方法解析 作者: 字体:[增加 减小] 类型:转载 将json字符串转换为json对象的方法。在数据传输过程中,json是以文本,即字符串的形式传递的,而J
- js声明数组、对象在jsp页面中(获得ajax得到json数据)
- 对象和JSON之间的转换?对象集合和字符串之间的转换?在JSP中使用JSNO?
- struts2:JSON在struts中的应用(JSP页面中将对象转换为JSON字符串提交、JSP页面中获取后台Response返回的JSON对象)
- 工作笔记:ajax json 同一jsp页面中,把java变量赋给js变量,如果java变量字符串符合json格式,则赋给js变量时,js变量会自动的变为json对象
- 使用js声明数组,对象在jsp页面中(获得ajax得到json数据)
- js声明数组、对象在jsp页面中(获得ajax得到json数据)
- 转换js对象为json字符串的例子
- js 对象和Json的转换,js及深度复制
- 使用jquery.json把js对象转换成json
- js 将json字符串转换为json对象
- JSon字符串转JSon对象,使JSP页面直接返回JSON对象
- JS对象与JSON格式数据相互转换
- jQuery.parseJSON(json)方法将字符串转换成js对象
- js获取另一个jsp页面上的json数据