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 相关文章推荐
疯狂Jquery第一天(Jquery学习笔记)
May 11 Javascript
jQuery的attr与prop使用介绍
Oct 10 Javascript
js实现文本框选中的方法
May 26 Javascript
javascript实现根据iphone屏幕方向调用不同样式表的方法
Jul 13 Javascript
JavaScript采用递归算法计算阶乘实例
Aug 04 Javascript
JS三级可折叠菜单实现方法
Feb 29 Javascript
javascript获取select标签选中的值
Jun 04 Javascript
详述 Sublime Text 打开 GBK 格式中文乱码的解决方法
Oct 26 Javascript
JS获取数组中出现次数最多及第二多元素的方法
Oct 27 Javascript
Vue实现table上下移动功能示例
Feb 21 Javascript
JS实现数组删除指定元素功能示例
Jun 05 Javascript
vue实现表单未编辑或未保存离开弹窗提示功能
Apr 08 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
11个PHP 分页脚本推荐
2011/08/15 PHP
PHP浮点数精度问题汇总
2015/05/13 PHP
php获取今日开始时间和结束时间的方法
2017/02/27 PHP
javascript Xml增删改查(IE下)操作实现代码
2009/01/30 Javascript
Javascript 事件流和事件绑定
2009/07/16 Javascript
prettify 代码高亮着色器google出品
2010/12/28 Javascript
javascript 回到顶部效果的实现代码
2014/02/17 Javascript
获取中文字符串的实际长度代码
2014/06/05 Javascript
当前流行的JavaScript代码风格指南
2014/09/10 Javascript
基于jQuery Circlr插件实现产品图片360度旋转
2015/09/20 Javascript
半个小时学json(json传递示例)
2016/12/25 Javascript
echarts学习笔记之箱线图的分析与绘制详解
2017/11/22 Javascript
vue 1.0 结合animate.css定义动画效果
2018/07/11 Javascript
解决vue keep-alive 数据更新的问题
2018/09/21 Javascript
Vue项目pdf(base64)转图片遇到的问题及解决方法
2018/10/19 Javascript
angularjs http与后台交互的实现示例
2018/12/21 Javascript
vue2.0中set添加属性后视图不能更新的解决办法
2019/02/22 Javascript
JavaScript cookie原理及使用实例
2020/05/08 Javascript
使用Python获取CPU、内存和硬盘等windowns系统信息的2个例子
2014/04/15 Python
简要讲解Python编程中线程的创建与锁的使用
2016/02/28 Python
Python实现的快速排序算法详解
2017/08/01 Python
python进度条显示-tqmd模块的实现示例
2020/08/23 Python
python matplotlib工具栏源码探析三之添加、删除自定义工具项的案例详解
2021/02/25 Python
css3新单位vw、vh的使用教程
2018/03/23 HTML / CSS
使用HTML5在网页中嵌入音频和视频播放的基本方法
2016/02/22 HTML / CSS
ghd法国官方网站:英国最受欢迎的美发工具品牌
2019/04/18 全球购物
应届行政管理专业个人自我评价
2013/12/28 职场文书
2014迎接教师节演讲稿
2014/09/10 职场文书
2014入党积极分子破除“四风”思想汇报
2014/09/14 职场文书
父亲婚礼答谢词
2015/01/04 职场文书
学校光盘行动倡议书
2015/04/28 职场文书
2016年国庆节新闻稿范文
2015/11/25 职场文书
课文《燕子》教学反思
2016/02/17 职场文书
Javascript中的解构赋值语法详解
2021/04/02 Javascript
Python实战之疫苗研发情况可视化
2021/05/18 Python
Python实现数据的序列化操作详解
2022/07/07 Python