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文件
May 26 Javascript
request请求获取参数的实现方法(post和get两种方式)
Sep 27 Javascript
无阻塞加载js,防止因js加载不了影响页面显示的问题
Dec 18 Javascript
浅谈vue-cli加载不到dev-server.js的解决办法
Nov 24 Javascript
AngularJS实现动态切换样式的方法分析
Jun 26 Javascript
微信小程序提交form操作示例
Dec 30 Javascript
原生JavaScript实现日历功能代码实例(无引用Jq)
Sep 23 Javascript
如何使用webpack打包一个库library的方法步骤
Dec 18 Javascript
详解JavaScript作用域 闭包
Jul 29 Javascript
微信小程序实现翻牌抽奖动画
Sep 21 Javascript
JavaScript实现刮刮乐效果
Nov 01 Javascript
解决vue自定义组件@click点击失效问题
Apr 30 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
PHP CURL模拟登录新浪微博抓取页面内容 基于EaglePHP框架开发
2012/01/16 PHP
php 文件上传实例代码
2012/04/19 PHP
用PHP来计算某个目录大小的方法
2014/04/01 PHP
PHP彩蛋信息介绍和阻止泄漏的方法(隐藏功能)
2014/08/06 PHP
PHP邮箱验证示例教程
2016/06/01 PHP
javascript基于jQuery的表格悬停变色/恢复,表格点击变色/恢复,点击行选Checkbox
2008/08/05 Javascript
jQuery检测返回值的数据类型
2015/07/13 Javascript
基于jQuery 实现bootstrapValidator下的全局验证
2015/12/07 Javascript
详解maxlength属性在textarea里奇怪的表现
2015/12/27 Javascript
JavaScript新增样式规则(推荐)
2016/07/19 Javascript
移动端web滚动分页的实现方法
2017/05/05 Javascript
Bootstrap 模态对话框只加载一次 remote 数据的完美解决办法
2017/07/09 Javascript
Javascript中 toFixed四舍六入方法
2017/08/21 Javascript
[js高手之路]从原型链开始图解继承到组合继承的产生详解
2017/08/28 Javascript
three.js中文文档学习之通过模块导入
2017/11/20 Javascript
js中DOM事件绑定分析
2018/03/18 Javascript
Echarts地图添加引导线效果(labelLine)
2019/09/30 Javascript
vue 解决移动端弹出键盘导致页面fixed布局错乱的问题
2019/11/06 Javascript
在Vue中实现随hash改变响应菜单高亮
2020/03/09 Javascript
Angular+ionic实现折叠展开效果的示例代码
2020/07/29 Javascript
[40:12]Liquid vs Chaos 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
Python random模块用法解析及简单示例
2017/12/18 Python
在python中安装basemap的教程
2018/09/20 Python
python环境路径配置以及命令行运行脚本
2019/04/02 Python
谈一谈数组拼接tf.concat()和np.concatenate()的区别
2020/02/07 Python
Python面向对象程序设计之类和对象、实例变量、类变量用法分析
2020/03/23 Python
PageFactory设计模式基于python实现
2020/04/14 Python
CSS3实现可翻转的hover效果
2018/05/23 HTML / CSS
中医药大学市场营销专业自荐信
2013/09/29 职场文书
新闻学专业大学生职业生涯规划范文
2014/03/02 职场文书
《青山处处埋忠骨》教学反思
2014/04/22 职场文书
城市轨道交通工程职业生涯规划书范文
2014/09/16 职场文书
工作总结与自我评价
2014/09/18 职场文书
村长反四风问题个人对照检查材料
2014/09/21 职场文书
个人房屋转让协议书范本
2014/10/26 职场文书
导游词之云南丽江-泸沽湖
2019/09/26 职场文书