FineReport點擊輸入框直接展示下拉框列表

引用自帆軟官方文檔-http://help.finereport.com/doc-view-1899.html

1. 描述

 

 

下拉框以及下拉復選框默認狀態，必須點擊最右側的三角才可以實現下拉，不夠人性化。用戶大多更傾向於點擊任意位置，都可以展開下拉框選項，具體效果如下：

優化前：                                                      

  

優化后：                                

 

 

2. 解決方案

 

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

切換至參數面板，選中下拉框控件，添加初始化后事件：

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

注：理論上來說，只需要在初始化后事件中添加就可以，但測試的時候，有失效的可能，此時可以在編輯前事件中添加一條一模一樣的代碼。

 

適用環境：

 

如下環境使用此方式會較大提高交互容易度。比如，app展現時三角形太靠右側了。高分辨率下，三角形太小不容易點擊。