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 相关文章推荐
基于Jquery的动态添加控件并取值的实现代码
Sep 24 Javascript
JS按回车键实现登录的方法
Aug 25 Javascript
IE浏览器不支持getElementsByClassName的解决方法
Aug 27 Javascript
javascript判断css3动画结束 css3动画结束的回调函数
Mar 10 Javascript
JS实现带提示的星级评分效果完整实例
Oct 30 Javascript
jquery动画效果学习笔记(8种效果)
Nov 13 Javascript
js点击按钮实现带遮罩层的弹出视频效果
Dec 19 Javascript
在javascript中创建对象的各种模式解析
May 16 Javascript
jQuery 的 ready()的纯js替代方法
Nov 20 Javascript
JavaScript适配器模式详解
Oct 19 Javascript
webpack 动态批量加载文件的实现方法
Mar 19 Javascript
vue实现滚动鼠标滚轮切换页面
Dec 13 Vue.js
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查询域名状态whois的类
2006/11/25 PHP
PHP 验证码的实现代码
2011/07/17 PHP
php下获取http状态的实现代码
2014/05/09 PHP
ThinkPHP之M方法实例详解
2014/06/20 PHP
php源码分析之DZX1.5加密解密函数authcode用法
2015/06/17 PHP
laravel validate 设置为中文的例子(验证提示为中文)
2019/09/29 PHP
PHP实现提取多维数组指定一列的方法总结
2019/12/04 PHP
解决 firefox 不支持 document.all的方法
2007/03/12 Javascript
JavaScript 提升运行速度之循环篇 译文
2009/08/15 Javascript
jQuery中clearQueue()方法用法实例
2014/12/29 Javascript
prototype框架中美元符号$用法分析
2016/01/22 Javascript
JS实现1000以内被3或5整除的数字之和
2016/02/18 Javascript
使用jQuery操作DOM的方法小结
2017/02/27 Javascript
ES6新特性之Symbol类型用法分析
2017/03/31 Javascript
Angularjs中使用轮播图指令swiper
2017/05/30 Javascript
跨域请求两种方法 jsonp和cors的实现
2018/11/11 Javascript
React Native中Mobx的使用方法详解
2018/12/04 Javascript
Vuejs学习笔记之使用指令v-model完成表单的数据双向绑定
2019/04/29 Javascript
bootstrap table实现iview固定列的效果实例代码详解
2019/09/30 Javascript
JS 事件机制完整示例分析
2020/01/15 Javascript
[04:15]DOTA2-DPC中国联赛 正赛 Ehome vs Aster 选手采访
2021/03/11 DOTA
使用Python的PEAK来适配协议的教程
2015/04/14 Python
理解Python垃圾回收机制
2016/02/12 Python
windows下python安装paramiko模块和pycrypto模块(简单三步)
2017/07/06 Python
pip matplotlib报错equired packages can not be built解决
2018/01/06 Python
python的set处理二维数组转一维数组的方法示例
2019/05/31 Python
Tensorflow tf.nn.atrous_conv2d如何实现空洞卷积的
2020/04/20 Python
html5移动端自适应布局的实现
2020/04/15 HTML / CSS
美国在线购买内衣网站:HerRoom
2020/02/22 全球购物
澳大利亚在线划船、露营和钓鱼商店:BCF Australia
2020/03/22 全球购物
护士自我鉴定怎么写
2014/02/07 职场文书
2015年元旦主持词结束语
2014/12/14 职场文书
新员工入职欢迎词
2015/01/23 职场文书
医院合作意向书范本
2015/05/08 职场文书
2016国培研修心得体会
2016/01/08 职场文书
Nginx设置HTTPS的方法步骤 443证书配置方法
2022/03/21 Servers