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 no-repeat写法 背景不重复
Mar 18 Javascript
使用JSLint提高JS代码质量方法分享
Dec 16 Javascript
浅析javascript操作 cookie对象
Dec 26 Javascript
AngularJS内置指令
Feb 04 Javascript
js拼接html字符串的注意事项
Oct 13 Javascript
微信小程序 MINA文件结构
Oct 17 Javascript
React-Native 组件之 Modal的使用详解
Aug 08 Javascript
vue.js实现插入数值与表达式的方法分析
Jul 06 Javascript
小程序视频或音频自定义可拖拽进度条的示例代码
Sep 30 Javascript
layui--select使用以及下拉框实现键盘选择的例子
Sep 24 Javascript
Javascript原型链及instanceof原理详解
May 25 Javascript
vue实现公共方法抽离
Jul 31 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 Memcached + APC + 文件缓存封装实现代码
2010/03/11 PHP
PHP中的闭包(匿名函数)浅析
2015/02/07 PHP
yii框架结合charjs统计上一年与当前年数据的方法示例
2020/04/04 PHP
Jquery 实现Tab效果 思路是js思路
2010/03/02 Javascript
不使用中间变量,交换int型的 a, b两个变量的值。
2010/10/29 Javascript
JS实现一个按钮的方法
2015/02/05 Javascript
JQuery通过AJAX从后台获取信息显示在表格上并支持行选中
2015/09/15 Javascript
jquery过滤特殊字符',防sql注入的实现方法
2016/08/17 Javascript
Bootstrap栅格系统简单实现代码
2017/03/06 Javascript
深入学习nodejs中的async模块的使用方法
2017/07/12 NodeJs
浅谈vue 单文件探索
2018/09/05 Javascript
es6基础学习之解构赋值
2018/12/10 Javascript
微信小程序动态添加view组件的实例代码
2019/05/23 Javascript
微信小程序如何播放腾讯视频的实现
2019/09/20 Javascript
[05:45]Ti4观战指南(下)
2014/07/07 DOTA
通过数据库对Django进行删除字段和删除模型的操作
2015/07/21 Python
Python实现图片转字符画的示例代码
2017/08/21 Python
Django csrf 两种方法设置form的实例
2019/02/03 Python
详解Numpy中的数组拼接、合并操作(concatenate, append, stack, hstack, vstack, r_, c_等)
2019/05/27 Python
Python Django中间件,中间件函数,全局异常处理操作示例
2019/11/08 Python
如何获取Python简单for循环索引
2019/11/21 Python
Python values()与itervalues()的用法详解
2019/11/27 Python
Python中six模块基础用法
2019/12/08 Python
python为QT程序添加图标的方法详解
2020/03/09 Python
欧舒丹澳洲版:L’OCCITANE
2017/07/17 全球购物
德国购买健身器材:AsVIVA
2017/08/09 全球购物
J2EE面试题集锦(附答案)
2013/08/16 面试题
大学生护理专业自荐信
2013/10/03 职场文书
会计人员岗位职责
2015/02/03 职场文书
商务英语求职信范文
2015/03/19 职场文书
开会迟到检讨书范文
2015/05/06 职场文书
2015年公司后勤管理工作总结
2015/05/13 职场文书
入党培养人考察意见
2015/06/08 职场文书
小学六年级毕业感言
2015/07/30 职场文书
python代码实现备忘录案例讲解
2021/07/26 Python
《现实主义勇者的王国再建记》第三弹OST全曲试听片段公开
2022/04/04 日漫