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 相关文章推荐
新手入门常用代码集锦
Jan 11 Javascript
不错的JS中变量相关的细节分析
Aug 13 Javascript
jquery下onpropertychange事件的绑定方法
Aug 01 Javascript
几种延迟加载JS代码的方法加快网页的访问速度
Oct 12 Javascript
使用js判断当前时区TimeZone是否是夏令时
Feb 23 Javascript
jquery操作checkbox实现全选和取消全选
May 02 Javascript
在javascript中随机数 math random如何生成指定范围数值的随机数
Oct 21 Javascript
利用angular.copy取消变量的双向绑定与解析
Nov 25 Javascript
vue实现在表格里,取每行的id的方法
Mar 09 Javascript
Webpack 4.x搭建react开发环境的方法步骤
Aug 15 Javascript
Node.js如何优雅的封装一个实用函数的npm包的方法
Apr 29 Javascript
Postman动态获取返回值过程详解
Jun 30 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 Array交叉表实现代码
2010/08/05 PHP
php设计模式 Delegation(委托模式)
2011/06/26 PHP
PHP中IP地址与整型数字互相转换详解
2014/08/20 PHP
PHP实现的数独求解问题示例
2017/04/18 PHP
PHP从零开始打造自己的MVC框架之路由类实现方法分析
2019/06/03 PHP
PHP实现数组根据某个字段进行水平合并,横向合并案例分析
2019/10/08 PHP
javascript显示选择目录对话框的代码
2008/11/10 Javascript
input 高级限制级用法
2009/03/26 Javascript
JS 巧妙获取剪贴板数据 Excel数据的粘贴
2009/07/09 Javascript
JavaScript NodeTree导航栏(菜单项JSON类型/自制)
2013/02/01 Javascript
JavaScript中的函数的两种定义方式和函数变量赋值
2014/05/12 Javascript
javascript中parseInt()函数的定义和用法分析
2014/12/20 Javascript
jquery复选框多选赋值给文本框的方法
2015/01/27 Javascript
JavaScript中split() 使用方法汇总
2015/04/17 Javascript
window.onload使用指南
2015/09/13 Javascript
Angularjs实现多个页面共享数据的方式
2016/03/29 Javascript
node.js中express中间件body-parser的介绍与用法详解
2017/05/23 Javascript
JavaScript实现简单的弹窗效果
2020/05/19 Javascript
让python 3支持mysqldb的解决方法
2017/02/14 Python
简单了解Python中的几种函数
2017/11/03 Python
numpy:np.newaxis 实现将行向量转换成列向量
2019/11/30 Python
Python中的Cookie模块如何使用
2020/06/04 Python
python中Django文件上传方法详解
2020/08/05 Python
jupyter 添加不同内核的操作
2021/02/06 Python
CSS3 Flexbox中flex-shrink属性的用法示例介绍
2013/12/30 HTML / CSS
大学社团活动总结
2014/04/26 职场文书
大队干部竞选演讲稿
2014/04/28 职场文书
小学生安全责任书
2014/07/25 职场文书
教师自我剖析材料(群众路线)
2014/09/29 职场文书
2014年政风行风自查自纠报告
2014/10/21 职场文书
学校推普周活动总结
2015/05/07 职场文书
关于环保的广播稿
2015/12/17 职场文书
幼儿园师德师风心得体会
2016/01/12 职场文书
导游词之平津战役纪念馆
2019/11/04 职场文书
关于python中模块和重载的问题
2021/11/02 Python
js基于div丝滑实现贝塞尔曲线
2022/09/23 Javascript