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 相关文章推荐
JQuery 引发两次$(document.ready)事件
Jan 15 Javascript
js+数组实现网页上显示时间/星期几的实用方法
Jan 18 Javascript
js文本框输入点回车触发确定兼容IE、FF等
Nov 19 Javascript
jquery设置按钮停顿3秒不可用
Mar 07 Javascript
JQuery中的事件及动画用法实例
Jan 26 Javascript
JavaScript实现的圆形浮动标签云效果实例
Aug 06 Javascript
JS控制按钮10秒钟后可用的方法
Dec 22 Javascript
js 点击a标签 获取a的自定义属性方法
Nov 21 Javascript
DVA框架统一处理所有页面的loading状态
Aug 25 Javascript
使用electron制作满屏心特效的示例代码
Nov 27 Javascript
通过cordova将vue项目打包为webapp的方法
Feb 02 Javascript
javascript使用正则表达式实现注册登入校验
Sep 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
图片存储与浏览一例(Linux+Apache+PHP+MySQL)
2006/10/09 PHP
跟我学Laravel之快速入门
2014/10/15 PHP
php防止恶意刷新与刷票的方法
2014/11/21 PHP
PHP代码维护,重构变困难的4种原因分析
2016/01/25 PHP
PHP通过CURL实现定时任务的图片抓取功能示例
2016/10/03 PHP
PHP foreach遍历多维数组实现方式
2016/11/16 PHP
thinkphp5 URL和路由的功能详解与实例
2017/12/26 PHP
JAVASCRIPT下判断IE与FF的比较简单的方式
2008/10/17 Javascript
javascript日期格式化示例分享
2014/03/05 Javascript
按下回车键指向下一个位置的一个函数代码
2014/03/10 Javascript
js获取下拉列表的值和元素个数示例
2014/05/07 Javascript
JS实现表格数据各种搜索功能的方法
2015/03/03 Javascript
深入浅出讲解ES6的解构
2016/08/03 Javascript
通过命令行生成vue项目框架的方法
2017/07/12 Javascript
Canvas放置反弹效果随机图形(实例)
2017/08/17 Javascript
详解ES6语法之可迭代协议和迭代器协议
2018/01/13 Javascript
详解VueJs中的V-bind指令
2018/05/03 Javascript
记录一次开发微信网页分享的步骤
2019/05/07 Javascript
基于Web Audio API实现音频可视化效果
2020/06/12 Javascript
Python中super的用法实例
2015/05/28 Python
Python各类图像库的图片读写方式总结(推荐)
2018/02/23 Python
Python判断以什么结尾以什么开头的实例
2018/10/27 Python
Python数据可视化:泊松分布详解
2019/12/07 Python
python 爬取疫情数据的源码
2020/02/09 Python
在python中使用pymysql往mysql数据库中插入(insert)数据实例
2020/03/02 Python
HTML5本地存储之Web Storage详解
2016/07/04 HTML / CSS
欧洲最大的滑雪假期供应商之一:Sunweb Holidays
2018/01/06 全球购物
医学专业毕业生推荐信
2013/11/14 职场文书
计算机操作自荐信
2013/12/07 职场文书
《美丽的公鸡》教学反思
2014/02/25 职场文书
实用的简历自我评价
2014/03/06 职场文书
司法所长先进事迹
2014/06/02 职场文书
来探秘“德国中小企业”的成功之道
2019/07/26 职场文书
写作技巧:如何撰写一份优秀的营销策划书
2019/08/13 职场文书
postgres之jsonb属性的使用操作
2021/06/23 PostgreSQL
MySQL中int (10) 和 int (11) 的区别
2022/01/22 MySQL