JS實現下拉複選框預設全選

1.1 版本

1.2 預期效果

在參數面板中，新增「下拉複選框元件」，預覽報表的時候，「下拉複選框元件」預設全選。如下圖所示：

注：此方案需要點選輸入框後才能變成藍色邊框選中狀態，如果預設要這種效果可參考：下拉複選框預設選中全部值

1.3 實現思路

元件新增初始化後事件，透過 JS 程式碼實現全選。

2.1 準備範本

1）建立範本，建立資料集查詢 ds1，SQL語句為：SELECT * FROM 銷量。如下圖所示：

2）在參數面板新增一個「下拉複選框元件」，為其綁定「資料字典」。如下圖所示：

2.2 新增事件

選中「下拉複選框元件」，為其新增一個「初始化後」事件。如下圖所示：

JavaScript 程式碼如下：

this.doSelectAll();//預設全選
this.setText(this.getText());//賦顯示值

2.3 效果預覽

2.3.1 PC 端

儲存範本，點選「分頁預覽」，效果如下圖所示：

注1：不支援FR11新報表樣式。

注2：暫不支援決策報表

2.3.2 行動端

不支援行動端。

點選下載範本：JS實現下拉複選框預設全選.cpt