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和jquery批量绑定事件传参数一(新猪猪原创)
Jun 23 Javascript
javascript学习(一)构建自己的JS库
Jan 02 Javascript
JS的事件绑定深入认识
Jun 26 Javascript
jQuery遍历页面所有CheckBox查看是否被选中的方法
Apr 14 Javascript
深入分析Javascript跨域问题
Apr 17 Javascript
JS+CSS实现的简单折叠展开多级菜单效果
Sep 12 Javascript
bootstrap实现的自适应页面简单应用示例
Mar 09 Javascript
自定义vue组件发布到npm的方法
May 09 Javascript
浅析Vue 和微信小程序的区别、比较
Aug 03 Javascript
JS 数组基本用法入门示例解析
Jan 16 Javascript
Node.js API详解之 assert模块用法实例分析
May 26 Javascript
js实现滑动进度条效果
Aug 21 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
咖啡语言
2021/03/03 咖啡文化
几款免费开源的不用数据库的php的cms
2010/12/19 PHP
VPS中使用LNMP安装WordPress教程
2014/12/28 PHP
JQuery for与each性能比较分析
2013/05/14 Javascript
仿谷歌主页js动画效果实现代码
2013/07/14 Javascript
Javascript控制页面链接在新窗口打开具体方法
2013/08/16 Javascript
JS取request值以及自动执行使用示例
2014/02/24 Javascript
Jquery技巧(必须掌握)
2016/03/16 Javascript
JS与jQuery实现隔行变色的方法
2016/09/09 Javascript
详解Nodejs的timers模块
2016/12/22 NodeJs
详解Vue2.x-directive的学习笔记
2017/07/17 Javascript
详谈表单重复提交的三种情况及解决方法
2017/08/16 Javascript
详解vue-cli 构建Vue项目遇到的坑
2017/08/30 Javascript
解析vue中的$mount
2017/12/21 Javascript
详解Node.js模板引擎Jade入门
2018/01/19 Javascript
解决vue router组件状态刷新消失的问题
2018/08/01 Javascript
使用vue中的混入mixin优化表单验证插件问题
2019/07/02 Javascript
js的Object.assign用法示例分析
2020/03/05 Javascript
Node Mongoose用法详解【Mongoose使用、Schema、对象、model文档等】
2020/05/13 Javascript
vue绑定数字类型 value为数字的实例
2020/08/31 Javascript
使用IPython来操作Docker容器的入门指引
2015/04/08 Python
Python3多线程爬虫实例讲解代码
2018/01/05 Python
Python工厂函数用法实例分析
2018/05/14 Python
python移位运算的实现
2019/07/15 Python
python global和nonlocal用法解析
2020/02/03 Python
聪明的粉丝购买门票的地方:TickPick
2018/03/09 全球购物
澳大利亚厨房和家用电器购物网站:Bing Lee
2021/01/11 全球购物
中科软笔试题和面试题
2014/10/07 面试题
作弊检讨书1000字
2014/02/01 职场文书
人事专员岗位职责范本
2014/03/04 职场文书
报纸媒体创意广告词
2014/03/17 职场文书
啤酒节策划方案
2014/05/28 职场文书
副总经理岗位职责范本
2015/04/08 职场文书
2015年招生工作总结
2015/05/04 职场文书
子女赡养老人协议书
2016/03/23 职场文书
Java时间工具类Date的常用处理方法
2022/05/25 Java/Android