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代码
Jan 01 Javascript
dess中一个简单的多路委托的实现
Jul 20 Javascript
js确认删除对话框适用于a标签及submit
Jul 10 Javascript
JavaScript动态插入CSS的方法
Dec 10 Javascript
jQuery中设置form表单中action值的实现方法
May 25 Javascript
BootStrap实现邮件列表的分页和模态框添加邮件的功能
Oct 13 Javascript
基于JavaScript实现熔岩灯效果导航菜单
Jan 04 Javascript
原生js二级联动效果
Jun 20 Javascript
jQuery选择器之子元素过滤选择器
Sep 28 jQuery
js定义类的方法示例【ES5与ES6】
Jul 30 Javascript
JS实现拼图游戏
Jan 29 Javascript
微信小程序APP的事件绑定以及传递参数时的冒泡和捕获
Apr 19 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 高手之路(三)
2006/10/09 PHP
PHP结合JQueryJcrop实现图片裁切实例详解
2014/07/24 PHP
限制文本字节数js代码
2007/03/06 Javascript
js操作checkbox遇到的问题解决
2013/06/29 Javascript
JS 删除字符串最后一个字符的实现代码
2014/02/20 Javascript
JavaScript实现Iterator模式实例分析
2015/06/09 Javascript
JS时间特效最常用的三款
2015/08/19 Javascript
详解Angular之constructor和ngOnInit差异及适用场景
2017/06/22 Javascript
vue实现模态框的通用写法推荐
2018/02/26 Javascript
p5.js入门教程之鼠标交互的示例
2018/03/16 Javascript
如何在Angular应用中创建包含组件方法示例
2019/03/23 Javascript
vue实现多条件和模糊搜索功能
2019/05/28 Javascript
小试小程序云开发(小结)
2019/06/06 Javascript
vue实现多组关键词对应高亮显示功能
2019/07/25 Javascript
Nuxt.js实战和配置详解
2019/08/05 Javascript
微信小程序学习总结(二)样式、属性、模板操作分析
2020/06/04 Javascript
Element Badge标记的使用方法
2020/07/27 Javascript
[52:06]FNATIC vs NIP 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
python2.7删除文件夹和删除文件代码实例
2013/12/18 Python
Python实现二叉树结构与进行二叉树遍历的方法详解
2016/05/24 Python
python实现周期方波信号频谱图
2018/07/21 Python
基于python3实现socket文件传输和校验
2018/07/28 Python
浅谈Pycharm中的Python Console与Terminal
2019/01/17 Python
PYTHON如何读取和写入EXCEL里面的数据
2019/10/28 Python
Python和Sublime整合过程图示
2019/12/25 Python
Python页面加载的等待方式总结
2021/02/28 Python
世界上最大的巴士旅游观光公司:Big Bus Tours
2016/10/20 全球购物
欧舒丹美国官网:L’Occitane美国
2018/02/23 全球购物
英国50岁以上人群的交友网站:Ourtime
2018/03/28 全球购物
泰国健康和美容服务预订网站:GoWabi
2019/06/03 全球购物
J2EE系统只能是基于web
2015/09/08 面试题
药品采购员岗位职责
2014/02/08 职场文书
公职人员索取回扣检举信
2014/04/04 职场文书
网络文明传播志愿者活动方案
2014/08/20 职场文书
九一八事变演讲稿
2014/09/05 职场文书
Python学习之os包使用教程详解
2022/03/21 Python