JS实现点击单选按钮弹出对话框输入值

编辑
  • 文档创建者:印然
  • 浏览次数:15886次
  • 编辑次数:12次
  • 最近更新:Kevin-s 于 2019-06-23
  • 1. 描述

    在制作类似问卷调查的模板中,可能会遇到这种情况:有几个选项,最后一个选项为其他,当选择其他时弹出一个对话框,让用户自己输入值,然后将值显示在单独注释中,如下图所示:



    2. 思路

    通过给单选按钮组设置状态改变事件。


    3. 实现步骤

    报表设计如下:


    B1 单元格设置单选按钮组如下:


    给单选按钮组添加状态改变事件


    具体 JS 代码如下:

    var value =this.getValue();   //获取当前控件值  
    function test(){     
    var num = arguments[0].toString();  //获取输入框中输入的值  
    contentPane.setCellValue("B2", null, num);     //将输入框中的值赋值给B2单元格  
    };
    if(value =="其他"){    
    FR.Msg.prompt("输入", "爱好", "",test);   //弹出输入对话框  
    }
    else
    contentPane.setCellValue("B2", null, value);

    移动端不能使用单元格赋值的方法,应使用坐标赋值,具体 JS 如下:

    var value =this.getValue();   //获取当前控件值  
    function test(){     
    var num = arguments[0].toString();  //获取输入框中输入的值  
    contentPane.setCellValue(1, 1, num);  //将输入框中的值赋值给B2单元格
    };
    if(value =="其他"){    
    FR.Msg.prompt("输入", "爱好", "",test);   //弹出输入对话框  
    }
    else
    contentPane.setCellValue(1, 1,value);


    4. 预览效果

    4.1 PC 端预览效果


    4.2 移动端预览效果




    5. 已完成模板

    模板效果在线查看请点击:JS 实现点击单选按钮弹出对话框输入值.cpt

    已完成的模板,可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\填报预览JS实例\50-JS实现点击单选按钮弹出对话框输入值.cpt

    点击下载模板


    附件列表


    主题: 二次开发
    标签: 暂无标签 编辑/添加标签
    如果您认为本文档还有待完善,请编辑

    文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
    关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
    若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

    此页面有帮助吗?只是浏览 [ 去社区提问 ]