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 相关文章推荐
Javascript图像处理—为矩阵添加常用方法
Dec 27 Javascript
jQuery中insertBefore()方法用法实例
Jan 08 Javascript
jquery+javascript编写国籍控件
Feb 12 Javascript
javascript中加var和不加var的区别 你真的懂吗
Jan 06 Javascript
BootStrap的JS插件之轮播效果案例详解
May 16 Javascript
JavaScript prototype属性详解
Oct 25 Javascript
JS中移除非数字最多保留一位小数
May 09 Javascript
详解单页面路由工程使用微信分享及二次分享解决方案
Feb 22 Javascript
VUE 直接通过JS 修改html对象的值导致没有更新到数据中解决方法分析
Dec 02 Javascript
JavaScript读取本地文件常用方法流程解析
Oct 12 Javascript
Vue 实现拨打电话操作
Nov 16 Javascript
js前端对于大量数据的展示方式及处理方法
Dec 02 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模板类代码
2008/09/07 PHP
yii实现级联下拉菜单的方法
2014/07/31 PHP
PHP模拟asp中response类实现方法
2015/08/08 PHP
PHP+Ajax简单get验证操作示例
2019/03/02 PHP
使用git迁移Laravel项目至新开发环境的步骤详解
2020/04/06 PHP
解决extjs在firefox中关闭窗口再打开后iframe中js函数访问不到的问题
2008/11/06 Javascript
js中将字符串转换成json的三种方式
2011/01/12 Javascript
extJS中常用的4种Ajax异步提交方式
2014/03/07 Javascript
安装使用Mongoose配合Node.js操作MongoDB的基础教程
2016/03/01 Javascript
JS模仿腾讯图片站的图片翻页按钮效果完整实例
2016/06/21 Javascript
AngularJS中$http服务常用的应用及参数
2016/08/22 Javascript
jQuery插件HighCharts实现气泡图效果示例【附demo源码】
2017/03/13 Javascript
使用vue.js编写蓝色拼图小游戏
2017/03/17 Javascript
js模拟支付宝密码输入框
2017/04/11 Javascript
Node 使用express-http-proxy 做api网关的实现
2020/10/15 Javascript
vue router返回到指定的路由的场景分析
2020/11/10 Javascript
[00:31]DOTA2荣耀之路7:Miracle-空血无敌斩
2018/05/31 DOTA
python生成器generator用法实例分析
2015/06/04 Python
python基于pygame实现响应游戏中事件的方法(附源码)
2015/11/11 Python
Python中将字典转换为列表的方法
2016/09/21 Python
python re正则匹配网页中图片url地址的方法
2018/12/20 Python
Python3实现飞机大战游戏
2020/04/24 Python
tensorflow模型转ncnn的操作方式
2020/05/25 Python
Python网络爬虫四大选择器用法原理总结
2020/06/01 Python
PyQt5-QDateEdit的简单使用操作
2020/07/12 Python
linux系统下pip升级报错的解决方法
2021/01/31 Python
python 如何读、写、解析CSV文件
2021/03/03 Python
德国黑胶唱片、街头服装及运动鞋网上商店:HHV
2018/08/24 全球购物
FirstCry阿联酋儿童和婴儿产品网上购物:FirstCry.ae
2021/02/22 全球购物
师范生实习自我鉴定
2013/11/01 职场文书
网络宣传方案
2014/03/15 职场文书
2014年两会学习心得体会
2014/03/17 职场文书
工程索赔意向书
2014/08/30 职场文书
2014年学校禁毒工作总结
2014/12/23 职场文书
三好学生个人总结
2015/02/15 职场文书
Pytest之测试命名规则的使用
2021/04/16 Python