点击任意位置展现下拉框列表

  • 文档创建者:flyingsnake
  • 编辑次数:5次
  • 最近更新:Kevin-s 于 2019-06-20
  • 1. 描述

    下拉框以及下拉复选框默认状态,必须点击最右侧的三角才可以实现下拉,不够人性化。用户大多更倾向于点击任意位置,都可以展开下拉框选项,具体效果如下:

    优化前:                                                      

    222  

    优化后:                                

    222


    2. 解决方案

    打开%FR_HOME%\webapps\webroot\WEB-INF\reportlets\GettingStarted.cpt

    切换至参数面板,选中下拉框控件,添加初始化后事件:

    222

    var self = this;
    $('input',this.element).click(function(){
        if(self.$view.css('display')=='none'){
            self.onTriggerClick();
        }
    });

    注:理论上来说,只需要在初始化后事件中添加就可以,但测试的时候,有失效的可能,此时可以在编辑前事件中添加一条一模一样的代码。

    适用环境:

    如下环境使用此方式会较大提高交互容易度。比如,App 展现时三角形太靠右侧了。高分辨率下,三角形太小不容易点击。


    附件列表


    主题: 下拉(复选)框示例
    • 有帮助
    • 没帮助
    • 只是浏览