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 相关文章推荐
js通过googleAIP翻译PHP系统的语言配置的实现代码
Oct 17 Javascript
JavaScript中操作Mysql数据库实例
Apr 02 Javascript
jQuery的css() 方法使用指南
May 03 Javascript
JS检测页面中哪个HTML标签触发点击事件的方法
Jun 17 Javascript
Javascript实现base64的加密解密方法示例
Jun 27 Javascript
Three.js如何实现雾化效果示例代码
Sep 27 Javascript
JS选取DOM元素常见操作方法实例分析
Dec 10 Javascript
在Koa.js中实现文件上传的接口功能
Oct 08 Javascript
node事件循环和process模块实例分析
Feb 14 Javascript
详解ES6数组方法find()、findIndex()的总结
May 12 Javascript
vue项目实现多语言切换的思路
Sep 17 Javascript
vue 数据操作相关总结
Dec 17 Vue.js
多种方式实现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
[EPIC] Larva vs Flash ZvT @ Crossing Field [2017-10-09]
2020/03/17 星际争霸
ajax+php打造进度条 readyState各状态
2010/03/20 PHP
ThinkPHP3.2.2实现持久登录(记住我)功能的方法
2016/05/16 PHP
PHP Socket网络操作类定义与用法示例
2017/08/30 PHP
利用Homestead快速运行一个Laravel项目的方法详解
2017/11/14 PHP
解决Laravel自定义类引入和命名空间的问题
2019/10/15 PHP
jquery 如何动态添加、删除class样式方法介绍
2012/11/07 Javascript
JS定时器实例详细分析
2013/10/11 Javascript
jquery获取复选框被选中的值
2014/03/22 Javascript
Bootstrap3 图片(响应式图片&amp;图片形状)
2017/01/04 Javascript
微信小程序之拖拽排序(代码分享)
2017/01/21 Javascript
JavaScript仿微信(电话)联系人列表滑动字母索引实例讲解(推荐)
2017/08/16 Javascript
JavaScript实现简单轮播图效果
2018/12/01 Javascript
详解基于Vue的支持数据双向绑定的select组件
2019/09/02 Javascript
使用React-Router实现前端路由鉴权的示例代码
2020/07/26 Javascript
微信小程序实现签到弹窗动画
2020/09/21 Javascript
对于Python的Django框架使用的一些实用建议
2015/04/03 Python
用Python实现换行符转换的脚本的教程
2015/04/16 Python
Python reduce()函数的用法小结
2017/11/15 Python
python操作小程序云数据库实现简单的增删改查功能
2019/06/06 Python
Python OpenCV中的resize()函数的使用
2019/06/20 Python
python 模拟创建seafile 目录操作示例
2019/09/26 Python
Python scrapy增量爬取实例及实现过程解析
2019/12/24 Python
Python使用Tkinter实现转盘抽奖器的步骤详解
2020/01/06 Python
Django数据模型中on_delete使用详解
2020/11/30 Python
用Python 执行cmd命令
2020/12/18 Python
常用UNIX 命令(Linux的常用命令)
2013/07/10 面试题
保护环境建议书
2014/03/12 职场文书
运动会开幕式主持词
2014/03/28 职场文书
汽车广告策划方案
2014/05/31 职场文书
谢师宴答谢词
2015/01/05 职场文书
机器人总动员观后感
2015/06/09 职场文书
学生会任命书范本
2015/09/21 职场文书
2016年寒假学习心得体会
2015/10/09 职场文书
CSS3 天气图标动画效果
2021/04/06 HTML / CSS
react 项目中引入图片的几种方式
2021/06/02 Javascript