JS获取填报扩展单元格控件的值的解决办法


Posted in Javascript onJuly 14, 2017

1. 问题描述

填报预览时,我们想获取到某个控件的值相对来说较容易。但如果控件是扩展的,就只能获取到第一个值,无法根据扩展一行行获取对应的值。

例:本意是想获取到袁成洁,结果还是获取到第一个单元格值孙林。

JS获取填报扩展单元格控件的值的解决办法

2. 解决方法

我们可以通过js事件来获取对应行控件的值。

3. 示例

新建一个模板,添加数据集ds1:SELECT * FROM 销量

A1单元格设置下拉框控件,B1单元格设置按钮控件,下拉框控件是向下扩展的,模板设计如下图所示:

JS获取填报扩展单元格控件的值的解决办法

给B1单元格按钮控件添加一个JS点击事件:

JS获取填报扩展单元格控件的值的解决办法

js代码如下:

var location = this.options.location; //获取当前控件的位置 
 var cr = FR.cellStr2ColumnRow(location); 
 var col = cr.col; //列号 
 var ro = cr.row; //行号  
 var zybck = contentPane.getWidgetByCell(FR.columnRow2CellStr({col: col-1, row: ro})); 
 //根据单元格获取控件 
alert(zybck.getValue()); //获取对应的值

4. 预览效果

保存后,点击填报预览,点击按钮,效果如下图所示:

JS获取填报扩展单元格控件的值的解决办法 

以上所述是小编给大家介绍的JS获取填报扩展单元格控件的值的解决办法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
js之WEB开发调试利器:Firebug 下载
Jan 13 Javascript
认识延迟时间为0的setTimeout
May 16 Javascript
js用Date对象处理时间实现思路及代码
Jan 31 Javascript
Jquery图片滚动与幻灯片的实例代码
Apr 08 Javascript
jQuery实现多按钮单击变色
Nov 27 Javascript
jquery实现模拟百分比进度条渐变效果代码
Oct 29 Javascript
JavaScript学习笔记之创建对象
Mar 25 Javascript
深入理解JS中的Function.prototype.bind()方法
Oct 11 Javascript
bootstrap table实例详解
Jan 06 Javascript
ES6中module模块化开发实例浅析
Apr 06 Javascript
JS中作用域以及变量范围分析
Jul 18 Javascript
uniapp实现横向滚动选择日期
Oct 21 Javascript
Vue学习笔记进阶篇之过渡状态详解
Jul 14 #Javascript
微信小程序开发之animation循环动画实现的让云朵飘效果
Jul 14 #Javascript
使用OPENLAYERS3实现点选的方法
Sep 24 #Javascript
vue component组件使用方法详解
Jul 14 #Javascript
vue-cli单页应用改成多页应用配置详解
Jul 14 #Javascript
Vue filters过滤器的使用方法
Jul 14 #Javascript
vue.js如何更改默认端口号8080为指定端口的方法
Jul 14 #Javascript
You might like
PHP入门教程之会话控制技巧(cookie与session)
2016/09/11 PHP
javascript对talbe进行动态添加、删除、验证实现代码
2012/03/29 Javascript
Three.js源码阅读笔记(光照部分)
2012/12/27 Javascript
JQuery中使用Ajax赋值给全局变量失败异常的解决方法
2014/08/18 Javascript
javascript比较两个日期相差天数的方法
2015/07/23 Javascript
JS组件Bootstrap Select2使用方法解析
2016/05/30 Javascript
JS实现重新加载当前页面
2016/11/29 Javascript
浅谈vue的踩坑路
2017/08/31 Javascript
移动前端图片压缩上传的实例
2017/12/06 Javascript
JavaScript实现重力下落与弹性效果的方法分析
2017/12/20 Javascript
Angular5集成eventbus的示例代码
2018/07/19 Javascript
JavaScript读写二进制数据的方法详解
2018/09/09 Javascript
JS 数组基本用法入门示例解析
2020/01/16 Javascript
vue prop传值类型检验方式
2020/07/30 Javascript
python实现网页链接提取的方法分享
2014/02/25 Python
Python解析树及树的遍历
2016/02/03 Python
读写json中文ASCII乱码问题的解决方法
2016/11/05 Python
详解python3中socket套接字的编码问题解决
2017/07/01 Python
Python 内置函数进制转换的用法(十进制转二进制、八进制、十六进制)
2018/04/30 Python
python绘制直方图和密度图的实例
2019/07/08 Python
Django 重写用户模型的实现
2019/07/29 Python
Python中无限循环需要什么条件
2020/05/27 Python
python中requests模拟登录的三种方式(携带cookie/session进行请求网站)
2020/11/17 Python
2019年c语言经典面试题目
2016/08/17 面试题
有abstract方法的类一定要用abstract修饰吗
2016/03/14 面试题
酒店个人求职信范文
2014/01/25 职场文书
投标承诺书范本
2014/03/27 职场文书
党员干部观看《周恩来四个昼夜》思想汇报
2014/09/10 职场文书
党员批评与自我批评范文
2014/09/23 职场文书
2014年老干部工作总结
2014/11/21 职场文书
社区母亲节活动总结
2015/02/10 职场文书
学生会辞职信
2015/03/02 职场文书
工程技术负责人岗位职责
2015/04/13 职场文书
歌咏比赛主持词
2015/06/29 职场文书
2016年三八红旗手先进事迹材料
2016/02/26 职场文书
nginx lua 操作 mysql
2022/05/15 Servers