jquery利用json实现页面之间传值的实例解析


Posted in Javascript onDecember 12, 2016

首先,A页面利用按钮打开B页面

function SelectUnit() {
  OpenDialogBox(epoint.url.getAbsoluteUrl("PK_UserSelect.aspx"), '', "选择人员", AfterOpen, 800, 800);
 }

在这个方法中调用afateropen 方法,A页面前台页面绑定B页面传过来的json值

function AfterOpen(rtnStr) {
  var json = rtnStr;
  $("[id$='txtName']").val(json.Name);
  $("[id$='User']").val(json.RowGuid);
  $("[name=rbn_list]").eq(1).prop("checked", "true");
  if (json.Sex == 0) {
  $("[id$='txtSex']").val("男");
  }
  else {
  $("[id$='txtSex']").val("女");
  }
  $("[id$='txtDanWeiName']").val(json.DanWeiName);
  $("[id$='txtIdentityNum']").val(json.IdentityNum);
 }

在B页面中,datagird绑定调用jquery

<epoint:TemplateColumn HeaderText="选择">
  <ItemStyle HorizontalAlign="Center" />
  <ItemTemplate>
   <input type="radio" id="sel" onclick="ReturnDJH('<%#DataBinder.Eval(Container.DataItem,"RowGuid")%> ','<%#DataBinder.Eval(Container.DataItem,"Name")%> ','<%#DataBinder.Eval(Container.DataItem,"Sex")%> ','<%#DataBinder.Eval(Container.DataItem,"DanWeiName")%> ','<%#DataBinder.Eval(Container.DataItem,"IdentityNum")%> ')" value="确认选择" />
  </ItemTemplate>
  </epoint:TemplateColumn>
 function ReturnDJH(RowGuid,Name,Sex,DanWeiName,IdentityNum) {
  var json={
  'RowGuid':RowGuid,'Name':Name,'Sex':Sex,'DanWeiName':DanWeiName,'IdentityNum':IdentityNum
  };
  CloseParentDialogBox(json);//关闭页面传值
 }

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
asp.net下使用jquery 的ajax+WebService+json 实现无刷新取后台值的实现代码
Sep 19 Javascript
电子商务网站上的常用的js放大镜效果
Dec 08 Javascript
js实现省市联动效果的简单实例
Feb 10 Javascript
【经验总结】编写JavaScript代码时应遵循的14条规律
Jun 20 Javascript
js中使用使用原型(prototype)定义方法的好处详解
Jul 04 Javascript
js实现固定宽高滑动轮播图效果
Jan 13 Javascript
vue小图标favicon不显示的解决方案
Sep 19 Javascript
seajs模块压缩问题与解决方法实例分析
Oct 10 Javascript
深入Vue-Router路由嵌套理解
Aug 13 Javascript
详解Vue CLI 3.0脚手架如何mock数据
Nov 23 Javascript
vue权限问题的完美解决方案
May 08 Javascript
JS+canvas五子棋人机对战实现步骤详解
Jun 04 Javascript
多种方式实现js图片预览
Dec 12 #Javascript
JavaScript实现多栏目切换效果
Dec 12 #Javascript
解决同一页面中两个iframe互相调用jquery,js函数的方法
Dec 12 #Javascript
AngularJS实现用户登录状态判断的方法(Model添加拦截过滤器,路由增加限制)
Dec 12 #Javascript
jquery实现瀑布流效果 jquery下拉加载新数据
Dec 12 #Javascript
AngularJS封装指令方法详解
Dec 12 #Javascript
JS+Canvas实现的俄罗斯方块游戏完整实例
Dec 12 #Javascript
You might like
PHP面向对象编程快速入门
2006/12/14 PHP
zend framework配置操作数据库实例分析
2012/12/06 PHP
php添加文章时生成静态HTML文章的实现代码
2013/02/17 PHP
PHP反射使用实例和PHP反射API的中文说明
2014/07/02 PHP
php从给定url获取文件扩展名的方法
2015/03/14 PHP
简单谈谈PHP中的trait
2017/02/25 PHP
Joomla框架实现字符串截取的方法示例
2017/07/18 PHP
定位地理位置PHP判断员工打卡签到经纬度是否在打卡之内
2019/05/23 PHP
jquery提示 &quot;object expected&quot;的解决方法
2009/12/13 Javascript
Javascript动态创建div的方法
2015/02/09 Javascript
jquery代码实现简单的随机图片瀑布流效果
2015/04/20 Javascript
JavaScript中的bold()方法使用详解
2015/06/08 Javascript
jQuery基于ID调用指定iframe页面内的方法
2016/07/06 Javascript
详解Angular-Cli中引用第三方库
2017/05/21 Javascript
bootstrap table表格客户端分页实例
2017/08/07 Javascript
Angularjs实现下拉框联动的示例代码
2017/08/22 Javascript
JS库之Three.js 简易入门教程(详解之一)
2017/09/13 Javascript
详解Node.js利用node-git-server快速搭建git服务器
2017/09/27 Javascript
mint-ui在vue中的使用示例
2018/04/05 Javascript
解决vue v-for src 图片路径问题 404
2019/11/12 Javascript
JavaScript队列结构Queue实现过程解析
2020/03/07 Javascript
解决vue cli4升级sass-loader(v8)后报错问题
2020/07/30 Javascript
Openlayers绘制地图标注
2020/09/28 Javascript
python实现一次创建多级目录的方法
2015/05/15 Python
Python基于多线程操作数据库相关问题分析
2018/07/11 Python
利用selenium爬虫抓取数据的基础教程
2019/06/10 Python
通过python实现弹窗广告拦截过程详解
2019/07/10 Python
Python3网络爬虫开发实战之极验滑动验证码的识别
2019/08/02 Python
Python编写单元测试代码实例
2020/09/10 Python
小程序瀑布流解决左右两边高度差距过大的问题
2019/02/20 HTML / CSS
Sisley法国希思黎中国官网:享誉全球的奢华植物美容品牌
2019/06/30 全球购物
Discard Protocol抛弃协议的作用是什么
2015/10/10 面试题
2014年党支部学习材料
2014/05/19 职场文书
2016年10月份红领巾广播稿
2015/12/21 职场文书
Mysql 如何批量插入数据
2021/04/06 MySQL
CSS3 制作的彩虹按钮样式
2021/04/11 HTML / CSS