JS获取填报扩展单元格控件的值的解决办法

 更新时间:2017年07月14日 14:25:38   作者:szd_happy  
这篇文章主要介绍了JS获取填报扩展单元格控件的值的解决办法,需要的朋友可以参考下

1. 问题描述

填报预览时,我们想获取到某个控件的值相对来说较容易。但如果控件是扩展的,就只能获取到第一个值,无法根据扩展一行行获取对应的值。

例:本意是想获取到袁成洁,结果还是获取到第一个单元格值孙林。

2. 解决方法

我们可以通过js事件来获取对应行控件的值。

3. 示例

新建一个模板,添加数据集ds1:SELECT * FROM 销量

A1单元格设置下拉框控件,B1单元格设置按钮控件,下拉框控件是向下扩展的,模板设计如下图所示:

给B1单元格按钮控件添加一个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实现用户注册时获取短信验证码和倒计时功能

    JS实现用户注册时获取短信验证码和倒计时功能

    在用户注册时,通常需要短信验证码,而且为了交互效果,也需要增加倒计时。该如何实现获取验证码倒计时功能呢?下面小编给大家分享JS实现用户注册时获取短信验证码和倒计时的代码,一起看看吧
    2016-10-10
  • 外部web端访问微信小程序云数据库的三种方法总结

    外部web端访问微信小程序云数据库的三种方法总结

    最近在研究微信小程序的云开发功能,下面这篇文章主要给大家介绍了关于外部web端访问微信小程序云数据库的三种方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-04-04
  • js阻止冒泡和默认事件(默认行为)详解

    js阻止冒泡和默认事件(默认行为)详解

    这篇文章主要为大家详细介绍了js阻止冒泡和默认事件,即默认行为,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • 现代配置YAML对比JSON优势分析

    现代配置YAML对比JSON优势分析

    这篇文章主要为大家介绍了关于现代配置指南中YAML对比JSON的优势分析说明,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步
    2022-02-02
  • js弹出模式对话框,并接收回传值的方法

    js弹出模式对话框,并接收回传值的方法

    js弹出模式对话框,并接收回传值的方法,需要的朋友可以参考一下
    2013-03-03
  • JS中Promise函数then的奥秘探究

    JS中Promise函数then的奥秘探究

    then()方法用于指定当前实例状态发生改变时的回调函数。它返回一个新的Promise实例。下面这篇文章主要给大家介绍了关于JS中Promise函数then的相关资料,需要的朋友可以参考借鉴,下面来一起看看吧
    2018-07-07
  • JS设置时间无效问题的解决办法

    JS设置时间无效问题的解决办法

    在发送短信息验证码的时候要用到js设置时间倒序问题,有时候会导致js失效问题,怎么办呢?今天小编给大家分享JS设置时间无效问题的解决办法,需要的朋友参考下吧
    2017-02-02
  • 微信小程序用户登录和登录态维护的实现

    微信小程序用户登录和登录态维护的实现

    这篇文章主要介绍了微信小程序用户登录和登录态维护的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12
  • layui 表格的属性的显示转换方法

    layui 表格的属性的显示转换方法

    今天小编就为大家分享一篇layui 表格的属性的显示转换方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • Bootstrap编写一个兼容主流浏览器的受众门户式风格页面

    Bootstrap编写一个兼容主流浏览器的受众门户式风格页面

    这篇文章主要介绍了Bootstrap编写一个兼容IE8、谷歌等主流浏览器的受众门户式风格页面,感兴趣的小伙伴们可以参考一下
    2016-07-07

最新评论