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 相关文章推荐
JS实现浏览器菜单命令
Sep 05 Javascript
jquer之ajaxQueue简单实现代码
Sep 15 Javascript
js获取图片大小的函数代码
Sep 20 Javascript
js导航栏单击事件背景变换示例代码
Jan 13 Javascript
js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)
Jul 18 Javascript
jquery操作checkbox火狐下第二次无法勾选的解决方法
Oct 10 Javascript
JavaScript获取当前时间向前推三个月的方法示例
Feb 04 Javascript
ES6学习之变量的解构赋值
Feb 12 Javascript
jQuery中layer分页器的使用
Mar 13 Javascript
jQuery+CSS实现的标签页效果示例【测试可用】
Aug 14 jQuery
axios+Vue实现上传文件显示进度功能
Apr 14 Javascript
layui--select使用以及下拉框实现键盘选择的例子
Sep 24 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
微信扫描二维码登录网站代码示例
2013/12/30 PHP
php 过滤英文标点符号及过滤中文标点符号代码
2014/06/12 PHP
一个php生成16位随机数的代码(两种方法)
2014/09/16 PHP
PHP实现数据库的增删查改功能及完整代码
2018/04/18 PHP
自适应高度框架 ----属个人收藏内容
2007/01/22 Javascript
javascript之更有效率的字符串替换
2008/08/02 Javascript
jQuery 性能优化手册 推荐
2010/02/23 Javascript
Extjs4中Form的使用之本地hiddenfield
2013/11/26 Javascript
利用JS进行图片的切换即特效展示图片
2013/12/03 Javascript
基于jQuery实现动态数字展示效果
2015/08/12 Javascript
使用impress.js制作幻灯片
2015/09/09 Javascript
ichart.js绘制虚线、平均分虚线效果的实现代码
2016/05/05 Javascript
浅谈angularjs module返回对象的坑(推荐)
2016/10/21 Javascript
canvas实现绘制吃豆鱼效果
2017/01/12 Javascript
简单谈谈JS中的正则表达式
2017/09/11 Javascript
关于layui导航栏不展示下拉列表的解决方法
2019/09/25 Javascript
Vue3为什么这么快
2020/09/23 Javascript
ant design的table组件实现全选功能以及自定义分页
2020/11/17 Javascript
python设置windows桌面壁纸的实现代码
2013/01/28 Python
Django查找网站项目根目录和对正则表达式的支持
2015/07/15 Python
Python爬虫实现简单的爬取有道翻译功能示例
2018/07/13 Python
详解Django中间件的5种自定义方法
2018/07/26 Python
10分钟教你用python动画演示深度优先算法搜寻逃出迷宫的路径
2019/08/12 Python
python绘制封闭多边形教程
2020/02/18 Python
Django models filter筛选条件详解
2020/03/16 Python
解决Jupyter因卸载重装导致的问题修复
2020/04/10 Python
推荐技术人员一款Python开源库(造数据神器)
2020/07/08 Python
使用CSS3来代替JS实现交互
2017/08/10 HTML / CSS
介绍一下Cookie和Session及他们之间的区别
2012/11/20 面试题
大学生个人简历自我评价
2013/11/16 职场文书
银行服务感言
2014/03/01 职场文书
2014年酒店工作总结范文
2014/11/17 职场文书
导游词之徐州-云龙山
2019/09/29 职场文书
浏览器常用基本操作之python3+selenium4自动化测试(基础篇3)
2021/05/21 Python
《吸血鬼幸存者》新内容发布 追加多个全新模式
2022/04/07 其他游戏
Spring IOC容器Bean的作用域及生命周期实例
2022/05/30 Java/Android