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 相关文章推荐
比较全面的event对像在IE与FF中的区别 推荐
Sep 21 Javascript
Jquery实现列表(隔行换色,全选,鼠标滑过当前行)效果实例
Jun 09 Javascript
jQuery弹出层插件Lightbox_me使用指南
Apr 21 Javascript
学习JavaScript设计模式之代理模式
Jan 12 Javascript
AngularJs Managing Service Dependencies详解
Sep 02 Javascript
详解vue-validator(vue验证器)
Jan 16 Javascript
微信小程序 页面跳转如何实现传值
Apr 05 Javascript
bootstrap模态框嵌套、tabindex属性、去除阴影的示例代码
Oct 17 Javascript
详解Angular结合zTree异步加载节点数据
Jan 20 Javascript
微信小程序npm引入vant-weapp的踩坑记录
Aug 01 Javascript
在VUE中实现文件下载并判断状态的方法
Nov 08 Javascript
JS常用正则表达式超全集(密码强度校验,金额校验,IE版本,IPv4,IPv6校验)
Feb 03 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经典的给图片加水印程序
2006/12/06 PHP
php strstr查找字符串中是否包含某些字符的查找函数
2010/06/03 PHP
PHP多线程批量采集下载美女图片的实现代码(续)
2013/06/03 PHP
php curl请求信息和返回信息设置代码实例
2015/04/27 PHP
Symfony2中被遗弃的getRequest()方法分析
2016/03/17 PHP
PHP实现自动发送邮件功能代码(qq 邮箱)
2017/08/18 PHP
PHP设计模式(七)组合模式Composite实例详解【结构型】
2020/05/02 PHP
JSDoc 介绍使用规范JsDoc的使用介绍
2011/02/12 Javascript
js图片延迟加载的实现方法及思路
2013/07/22 Javascript
javascript实现避免页面按钮重复提交
2015/01/08 Javascript
JavaScript通过setTimeout实时显示当前时间的方法
2015/04/16 Javascript
sso跨域写cookie的一段js脚本(推荐)
2016/05/25 Javascript
用jQuery.ajaxSetup实现对请求和响应数据的过滤
2016/12/20 Javascript
node-sass安装失败的原因与解决方法
2017/09/04 Javascript
JavaScript函数Call、Apply原理实例解析
2020/02/17 Javascript
手把手带你入门微信小程序新框架Kbone的使用
2020/02/25 Javascript
JS实现小米轮播图
2020/09/21 Javascript
Python实现CET查分的方法
2015/03/10 Python
Python中http请求方法库汇总
2016/01/06 Python
Python使用Scrapy保存控制台信息到文本解析
2017/12/27 Python
python+opencv识别图片中的圆形
2020/03/25 Python
unittest+coverage单元测试代码覆盖操作实例详解
2018/04/04 Python
tensorflow 打印内存中的变量方法
2018/07/30 Python
python 实现识别图片上的数字
2019/07/30 Python
Python使用微信itchat接口实现查看自己微信的信息功能详解
2019/08/22 Python
使用python实现飞机大战游戏
2020/03/23 Python
8种常用的Python工具
2020/08/05 Python
python3.7中安装paddleocr及paddlepaddle包的多种方法
2020/11/27 Python
5分钟让你掌握css3阴影、倒影、渐变小技巧(小编推荐)
2016/08/15 HTML / CSS
美国半成品食材配送服务商:Home Chef
2018/01/25 全球购物
学校经典推荐信
2013/10/30 职场文书
师范院校学生自荐信范文
2013/12/27 职场文书
《一件运动衫》教学反思
2014/02/19 职场文书
小学生操行评语大全
2014/04/22 职场文书
python3中apply函数和lambda函数的使用详解
2022/02/28 Python
mysql查询结果实现多列拼接查询
2022/04/03 MySQL