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 相关文章推荐
优化网页之快速的呈现我们的网页
Jun 29 Javascript
Prototype源码浅析 String部分(二)
Jan 16 Javascript
JavaScript中使用Substring删除字符串最后一个字符
Nov 03 Javascript
jQuery CSS()方法改变现有的CSS样式表
Sep 09 Javascript
javascript中bind函数的作用实例介绍
Sep 28 Javascript
2则自己编写的jQuery特效分享
Feb 26 Javascript
jquery实现Ctrl+Enter提交表单的方法
Jul 21 Javascript
jquery实现仿新浪微博评论滚动效果
Aug 06 Javascript
angularjs学习笔记之简单介绍
Sep 26 Javascript
Node.js  事件循环详解及实例
Aug 06 Javascript
这15个Vue指令,让你的项目开发爽到爆
Oct 11 Javascript
基于element-ui封装可搜索的懒加载tree组件的实现
May 22 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中的HashTable结构详解
2013/06/13 PHP
ThinkPHP框架安全实现分析
2016/03/14 PHP
Ubuntu server 11.04安装memcache及php使用memcache来存储session的方法
2016/05/31 PHP
php求今天、昨天、明天时间戳的简单实现方法
2016/07/28 PHP
给artDialog 5.02 增加ajax get功能详细介绍
2012/11/13 Javascript
jquery对dom的操作常用方法整理
2013/06/25 Javascript
基于jquery的文字向上跑动类似跑马灯的效果
2014/09/22 Javascript
JavaScript中的getTime()方法使用详解
2015/06/10 Javascript
javascript判断复选框是否选中的方法
2015/10/16 Javascript
jQuery实现的网页左侧在线客服效果代码
2015/10/23 Javascript
详解页面滚动值scrollTop在FireFox与Chrome浏览器间的兼容问题
2015/12/03 Javascript
利用VUE框架,实现列表分页功能示例代码
2017/01/12 Javascript
JS实现的DIV块来回滚动效果示例
2017/02/07 Javascript
JavaScript拖动层Div代码
2017/03/01 Javascript
nodejs入门教程二:创建一个简单应用示例
2017/04/24 NodeJs
bootstrapvalidator之API学习教程
2017/06/29 Javascript
Postman的下载及安装教程详解
2018/10/16 Javascript
p5.js临摹动态图形实现方法详解
2019/10/23 Javascript
在vue中使用防抖和节流,防止重复点击或重复上拉加载实例
2019/11/13 Javascript
python基础教程之序列详解
2014/08/29 Python
简化Python的Django框架代码的一些示例
2015/04/20 Python
解决Python print 输出文本显示 gbk 编码错误问题
2018/07/13 Python
使用Python将字符串转换为格式化的日期时间字符串
2019/09/01 Python
Selenium 滚动页面至元素可见的方法
2020/03/18 Python
Python通过两个dataframe用for循环求笛卡尔积
2020/04/29 Python
python爬虫工具例举说明
2020/11/30 Python
python 基于opencv 实现一个鼠标绘图小程序
2020/12/11 Python
欧洲最大的化妆品连锁公司:Douglas道格拉斯
2017/05/06 全球购物
bareMinerals官网:矿物质化妆品和护肤品
2018/02/04 全球购物
Conforama西班牙:您的家具、装饰和电器商店
2020/02/21 全球购物
领导失职检讨书
2014/02/24 职场文书
基层干部群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
大学毕业晚会开场白
2015/05/29 职场文书
python实现简单倒计时功能
2021/04/21 Python
基于Python绘制子图及子图刻度的变换等的问题
2021/05/23 Python
使用canvas对video视频某一刻截图功能
2021/09/25 HTML / CSS