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与css打造个性化的单选框和复选框
Oct 20 Javascript
JS Range HTML文档/文字内容选中、库及应用介绍
May 12 Javascript
JavaScript的模块化:封装(闭包),继承(原型) 介绍
Jul 22 Javascript
JS实现点击链接取消跳转效果的方法
Jan 24 Javascript
Node.js编程中客户端Session的使用详解
Jun 23 Javascript
AngularJS基础 ng-cloak 指令简单示例
Aug 01 Javascript
jQuery简单实现彩色云标签效果示例
Aug 01 Javascript
jQuery实现鼠标滑过图片移动特效
Dec 08 Javascript
Bootstrap fileinput 上传新文件移除时触发服务器同步删除的配置
Oct 08 Javascript
JS闭包原理与应用经典示例
Dec 20 Javascript
js实现div色块拖动录制
Jan 16 Javascript
js实现弹幕墙效果
Dec 10 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强大的时间转换函数strtotime
2016/02/18 PHP
php实现图片上传时添加文字和图片水印技巧
2020/04/18 PHP
PHP数组去重的更快实现方式分析
2018/05/09 PHP
JavaScript中如何通过arguments对象实现对象的重载
2014/05/12 Javascript
Javascript正则控制文本框只能输入整数或浮点数
2014/09/02 Javascript
javascript实现左右控制无缝滚动
2014/12/31 Javascript
JavaScript获取网页中第一个链接ID的方法
2015/04/03 Javascript
jQuery插件kinMaxShow扩展效果用法实例
2015/05/04 Javascript
简单谈谈json跨域
2016/03/13 Javascript
JS实现复制功能
2017/03/01 Javascript
微信小程序表单验证form提交错误提示效果
2020/06/19 Javascript
使用vue2.0创建的项目的步骤方法
2018/09/25 Javascript
VUE v-for循环中每个item节点动态绑定不同函数的实例
2018/09/26 Javascript
vue路由--网站导航功能详解
2019/03/29 Javascript
使用layui实现的左侧菜单栏以及动态操作tab项方法
2019/09/10 Javascript
微信小程序 轮播图实现原理及优化详解
2019/09/29 Javascript
javascript中innerHTML 获取或替换html内容的实现代码
2020/03/17 Javascript
Vue 组件的挂载与父子组件的传值实例
2020/09/02 Javascript
详解JavaScript 的执行机制
2020/09/18 Javascript
Python求两个list的差集、交集与并集的方法
2014/11/01 Python
Python基于Logistic回归建模计算某银行在降低贷款拖欠率的数据示例
2019/01/23 Python
Python3.7 dataclass使用指南小结
2019/02/22 Python
python错误调试及单元文档测试过程解析
2019/12/19 Python
移动端Html5中百度地图的点击事件
2019/01/31 HTML / CSS
法国女性内衣购物网站:Glamuse
2019/05/13 全球购物
财务管理专业推荐信
2013/11/19 职场文书
餐厅考勤管理制度
2014/01/28 职场文书
群众路线个人对照检查材料
2014/09/23 职场文书
喝酒驾驶检讨书
2014/10/01 职场文书
催款律师函范文
2015/05/27 职场文书
唐山大地震观后感
2015/06/05 职场文书
升学宴来宾致辞
2015/07/27 职场文书
2016年重阳节慰问信
2015/12/01 职场文书
创业计划书之干洗店
2019/09/10 职场文书
jupyter notebook保存文件默认路径更改方法汇总(亲测可以)
2021/06/09 Python
大型强子对撞机再次重启探索“第五种自然力”
2022/04/29 数码科技