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动画1.加载指示器
Aug 24 Javascript
终于解决了IE8不支持数组的indexOf方法
Apr 03 Javascript
ExtJS4如何自动生成控制grid的列显示、隐藏的checkbox
May 02 Javascript
JavaScript中常用的六种互动方法示例
Mar 13 Javascript
原生JS实现响应式瀑布流布局
Apr 02 Javascript
实践中学习AngularJS表单
Mar 21 Javascript
基于JavaScript实现点击页面任何位置返回
Aug 31 Javascript
用jQuery的AJax实现异步访问、异步加载
Nov 02 Javascript
JavaScript调用模式与this关键字绑定的关系
Apr 21 Javascript
微信上传视频文件提示(推荐)
Nov 22 Javascript
解决node终端下运行js文件不支持ES6语法
Apr 04 Javascript
JS高级程序设计之class继承重点详解
Jul 07 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 第二节 数据类型之数值型
2012/04/28 PHP
PHP和.net中des加解密的实现方法
2013/02/27 PHP
php+memcache实现的网站在线人数统计代码
2014/07/04 PHP
PHP与Perl之间知识点区别整理
2019/03/19 PHP
滚动条变色 隐藏滚动条与双击网页自动滚屏显示代码
2009/12/28 Javascript
IE与FF下javascript获取网页及窗口大小的区别详解
2014/01/14 Javascript
jQuery中:gt选择器用法实例
2014/12/29 Javascript
JS显示日历和天气的方法
2016/03/01 Javascript
COM组件中调用JavaScript函数详解及实例
2017/02/23 Javascript
JS正则表达式验证中文字符
2017/05/08 Javascript
原生JS+Canvas实现五子棋游戏
2020/05/28 Javascript
用vue封装插件并发布到npm的方法步骤
2017/10/18 Javascript
微信小程序实现聊天对话(文本、图片)功能
2018/07/06 Javascript
详解如何用typescript开发koa2的二三事
2018/11/13 Javascript
浅谈Fetch 数据交互方式
2018/12/20 Javascript
详解如何运行vue项目
2019/04/15 Javascript
详解webpack的clean-webpack-plugin插件报错
2020/10/16 Javascript
python实现的一只从百度开始不断搜索的小爬虫
2013/08/13 Python
python3.6连接MySQL和表的创建与删除实例代码
2017/12/28 Python
TensorFlow平台下Python实现神经网络
2018/03/10 Python
python排序函数sort()与sorted()的区别
2018/09/18 Python
使用Pyinstaller转换.py文件为.exe可执行程序过程详解
2019/08/06 Python
python实现对列表中的元素进行倒序打印
2019/11/23 Python
python将下载到本地m3u8视频合成MP4的代码详解
2020/11/24 Python
HTML5 Canvas图像模糊完美解决办法
2018/02/06 HTML / CSS
锐步美国官方网站:Reebok美国
2018/01/10 全球购物
加拿大最大的体育用品、鞋类和服装零售商:Sport Chek
2018/11/29 全球购物
Lovedrobe官网:英国领先的大码服装品牌
2019/09/19 全球购物
TecoBuy澳大利亚:在线电子和小工具商店
2020/06/25 全球购物
项目合作协议书
2014/04/16 职场文书
学习经验演讲稿
2014/05/10 职场文书
打架检讨书范文
2015/01/27 职场文书
2015年世界环境日活动方案
2015/05/05 职场文书
《丑小鸭》教学反思
2016/02/19 职场文书
css3实现背景图片半透明内容不透明的方法示例
2021/04/13 HTML / CSS
为什么你写的height:100%不起作用
2021/05/10 HTML / CSS