JS實現下拉複選框默認全選

1.1 預期效果

在參數面板中，添加「下拉複選框控件」，預覽報表的時候，「下拉複選框控件」默認全選。如下圖所示：

1.2 實現思路

控件添加初始化後事件，通過 JS 代碼實現全選。

2.1 準備模板

1）新建模板，新建數據集查詢 ds1，SQL語句爲：SELECT * FROM 銷量。如下圖所示：

2）在參數面板添加一個「下拉複選框控件」，爲其綁定「數據字典」。如下圖所示：

2.2 添加事件

選中「下拉複選框控件」，爲其添加一個「初始化後」事件。如下圖所示：

JavaScript 代碼如下：

this.doSelectAll();//默認全選
this.setText(this.getText());//賦顯示值

2.3 效果預覽

保存模板，點擊「分頁預覽」，效果如下圖所示：

注：不支持移動端

已完成的模板，可參見：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\參數界面JS實例\JS實現下拉複選框默認全選.cpt

點擊下載模板：JS實現下拉複選框默認全選.cpt