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实现的Email中的收件人效果(按del键删除)
Mar 20 Javascript
javascript获取隐藏元素(display:none)的高度和宽度的方法
Jun 06 Javascript
Javascript实现简单的富文本编辑器附演示
Jun 16 Javascript
JavaScript在Android的WebView中parseInt函数转换不正确问题解决方法
Apr 25 Javascript
详解JavaScript的while循环的使用
Jun 03 Javascript
深入浅出讲解ES6的解构
Aug 03 Javascript
JS获取子、父、兄节点方法小结
Aug 14 Javascript
详解设置Webstorm 利用babel将ES6自动转码成ES5
Dec 20 Javascript
基于vue.js组件实现分页效果
Dec 29 Javascript
vue中动态select的使用方法示例
Oct 28 Javascript
uni-app 组件里面获取元素宽高的实现
Dec 27 Javascript
解决vue-pdf查看pdf文件及打印乱码的问题
Nov 04 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源码加密 仿微盾PHP加密专家(PHPCodeLock)
2010/05/06 PHP
php 抽象类的简单应用
2011/09/06 PHP
深入理解ob_flush和flush的区别(ob_flush()与flush()使用方法)
2013/02/06 PHP
php+mysql实现用户注册登陆的方法
2015/01/03 PHP
PHP实现微信JS-SDK接口选择相册及拍照并上传的方法
2016/12/05 PHP
PHP实现电商订单自动确认收货redis队列
2017/05/17 PHP
懒就要懒到底——鼠标自动点击(含时间判断)
2007/02/20 Javascript
onsubmit阻止form表单提交与onclick的相关操作
2010/09/03 Javascript
详解nodejs中的process进程
2017/03/19 NodeJs
使用 jQuery 实现表单验证功能
2017/07/05 jQuery
Thinkjs3新手入门之添加一个新的页面
2017/12/06 Javascript
原生js实现Flappy Bird小游戏
2018/12/24 Javascript
JavaScript偏函数与柯里化实例详解
2019/03/27 Javascript
用js简单提供增删改查接口
2019/05/12 Javascript
一篇文章带你搞懂Vue虚拟Dom与diff算法
2020/08/25 Javascript
JS代码实现页面切换效果
2021/01/10 Javascript
[07:38]2014DOTA2国际邀请赛 Newbee顺利挺进胜者组赛后专访
2014/07/15 DOTA
python基本语法练习实例
2017/09/19 Python
Python队列RabbitMQ 使用方法实例记录
2019/08/05 Python
基于Python获取照片的GPS位置信息
2020/01/20 Python
python绘制玫瑰的实现代码
2020/03/02 Python
Python3 Tensorlfow:增加或者减小矩阵维度的实现
2020/05/22 Python
伦敦高达60%折扣的钻石珠宝商:Purely Diamonds
2018/06/24 全球购物
即时搜索数百万张门票:SeatsForEveryone.com
2018/08/26 全球购物
Prototype是怎么扩展DOM的
2014/10/01 面试题
新学期家长寄语
2014/01/19 职场文书
高一英语教学反思
2014/01/22 职场文书
优秀团队获奖感言
2014/02/19 职场文书
施工协议书范本
2014/04/22 职场文书
英语教研活动总结
2014/07/02 职场文书
小学四年级学生评语
2014/12/26 职场文书
《围炉夜话》110句人生箴言,精辟有内涵,引人深思
2019/10/23 职场文书
导游词之南迦巴瓦峰
2019/11/19 职场文书
用Python的绘图库(matplotlib)绘制小波能量谱
2021/04/17 Python
python之np.argmax()及对axis=0或者1的理解
2021/06/02 Python
postgresql之greenplum字符串去重拼接方式
2023/05/08 PostgreSQL