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 相关文章推荐
juqery 学习之六 CSS--css、位置、宽高
Feb 11 Javascript
javascript中关于执行环境的杂谈
Aug 14 Javascript
JavaScript高级程序设计 客户端存储学习笔记
Sep 10 Javascript
利用Jquery实现可多选的下拉框
Feb 21 Javascript
JavaScript生成福利彩票双色球号码
May 15 Javascript
微信小程序组件 contact-button(客服会话按钮)详解及实例代码
Jan 10 Javascript
js实现日历与定时器
Feb 22 Javascript
JS与CSS3实现图片响应鼠标移动放大效果示例
May 04 Javascript
微信小程序定位当前城市的方法
Jul 19 Javascript
深入浅析ng-bootstrap 组件集中 tabset 组件的实现分析
Jul 19 Javascript
vue和小程序项目中使用iconfont的方法
May 19 Javascript
深入分析JavaScript 事件循环(Event Loop)
Jun 19 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
ThinkPHP写数组插入与获取最新插入数据ID实例
2014/11/03 PHP
PHP实现在线阅读PDF文件的方法
2015/06/23 PHP
PHP二维数组排序简单实现方法
2016/02/14 PHP
PHP编写daemon process详解及实例代码
2016/09/30 PHP
PHP实现绘制二叉树图形显示功能详解【包括二叉搜索树、平衡树及红黑树】
2017/11/16 PHP
laravel实现登录时监听事件,添加登录用户的记录方法
2019/09/30 PHP
一个很简单的办法实现TD的加亮效果.
2006/06/29 Javascript
js jquery分别实现动态的文件上传操作按钮的添加和删除
2014/01/13 Javascript
jquery实现隐藏在左侧的弹性弹出菜单效果
2015/09/18 Javascript
使用JavaScript为Kindeditor自定义按钮增加Audio标签
2016/03/18 Javascript
在Html中使用Requirejs进行模块化开发实例详解
2016/04/15 Javascript
基于KO+BootStrap+MVC实现的分页控件代码分享
2016/11/07 Javascript
有趣的bootstrap走动进度条
2016/12/01 Javascript
微信小程序 解决swiper不显示图片的方法
2017/01/04 Javascript
js实现textarea限制输入字数
2017/02/13 Javascript
JavaScript使用链式方法封装jQuery中CSS()方法示例
2017/04/07 jQuery
Angular 2.x学习教程之结构指令详解
2017/05/25 Javascript
JS 中使用Promise 实现红绿灯实例代码(demo)
2017/10/20 Javascript
nodeJS微信分享
2017/12/20 NodeJs
详解Vue中localstorage和sessionstorage的使用
2017/12/22 Javascript
详解angular部署到iis出现404解决方案
2018/08/14 Javascript
vue 自定义提示框(Toast)组件的实现代码
2018/08/17 Javascript
什么时候不能在 Node.js 中使用 Lock Files
2019/06/24 Javascript
layUI实现列表查询功能
2019/07/27 Javascript
Python的SQLalchemy模块连接与操作MySQL的基础示例
2016/07/11 Python
Python通过命令开启http.server服务器的方法
2017/11/04 Python
PyQt5实现QLineEdit添加clicked信号的方法
2019/06/25 Python
OpenCV里的imshow()和Matplotlib.pyplot的imshow()的实现
2019/11/25 Python
python实现全排列代码(回溯、深度优先搜索)
2020/02/26 Python
解决jupyter notebook import error但是命令提示符import正常的问题
2020/04/15 Python
行政助理的职责
2013/11/14 职场文书
写演讲稿要注意的六件事
2014/01/14 职场文书
绿色环保标语
2014/06/12 职场文书
化工专业求职信
2014/07/01 职场文书
见习期个人总结
2015/03/05 职场文书
Java面试题冲刺第十六天--消息队列
2021/08/07 面试题