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 相关文章推荐
Javascript 定时器调用传递参数的方法
Nov 12 Javascript
javascript中的变量是传值还是传址的?
Apr 19 Javascript
完美解决AJAX跨域问题
Nov 01 Javascript
jquery实现不同大小浏览器使用不同的css样式表的方法
Apr 02 Javascript
jQuery+HTML5实现手机摇一摇换衣特效
Jun 05 Javascript
使用AngularJS处理单选框和复选框的简单方法
Jun 19 Javascript
jquery分割字符串的方法
Jun 24 Javascript
jQuery实现可展开合拢的手风琴面板菜单
Sep 15 Javascript
js实现移动端轮播图效果
Dec 09 Javascript
vue-cli项目中使用Mockjs详解
May 14 Javascript
vue ssr服务端渲染(小白解惑)
Nov 10 Javascript
JS eval代码快速解密实例解析
Apr 23 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/10/09 PHP
防止本地用户用fsockopen DDOS攻击对策
2011/11/02 PHP
解析zend Framework如何自动加载类
2013/06/28 PHP
php打开远程文件的方法和风险及解决方法
2013/11/12 PHP
PHP实现文件下载断点续传详解
2014/10/15 PHP
php使用memcoder将视频转成mp4格式的方法
2015/03/12 PHP
PHP获取网站中各文章的第一张图片的代码示例
2016/05/20 PHP
PHP编程计算日期间隔天数的方法
2017/04/26 PHP
PHP从数组中删除元素的四种方法实例
2017/05/12 PHP
php时间戳转换代码详解
2019/08/04 PHP
Jquery CheckBox全选方法代码附js checkbox全选反选代码
2010/06/09 Javascript
javascript-简单的计算器实现步骤分解(附图)
2013/05/30 Javascript
js 触发select onchange事件代码
2014/03/20 Javascript
基于jQuery实现交互体验社会化分享代码附源码下载
2016/01/04 Javascript
javascript实现简易计算器的代码
2016/05/31 Javascript
weui框架实现上传、预览和删除图片功能代码
2017/08/24 Javascript
微信小程序 页面滑动事件的实例详解
2017/10/12 Javascript
create-react-app构建项目慢的解决方法
2018/03/14 Javascript
详解vue axios二次封装
2018/07/22 Javascript
NodeJs 文件系统操作模块fs使用方法详解
2018/11/26 NodeJs
解决前后端分离 vue+springboot 跨域 session+cookie失效问题
2019/05/13 Javascript
Nodejs监听日志文件的变化的过程解析
2019/08/04 NodeJs
Vue项目实现换肤功能的一种方案分析
2019/08/28 Javascript
通过实例解析JavaScript常用排序算法
2020/09/02 Javascript
[02:07]DOTA2超级联赛专访BBC:难忘网吧超神经历
2013/06/09 DOTA
Python之py2exe打包工具详解
2017/06/14 Python
详解python之heapq模块及排序操作
2019/04/04 Python
将python文件打包成EXE应用程序的方法
2019/05/22 Python
python项目对接钉钉SDK的实现
2019/07/15 Python
简述python&pytorch 随机种子的实现
2020/10/07 Python
搭建pypi私有仓库实现过程详解
2020/11/25 Python
HTML5到底会有什么发展?HTML5的前景展望
2015/07/07 HTML / CSS
美国创意之家:BulbHead
2017/07/12 全球购物
zooplus意大利:在线宠物商店
2019/08/07 全球购物
Orlebar Brown官网:设计师泳裤和泳装
2020/12/08 全球购物
高校学生干部的自我评价分享
2013/11/04 职场文书