JS實現複選按鈕組元件預設全選

1.1 版本

1.2 預期效果

在參數面板中，新增了「複選按鈕組元件」，勾選「支援全選」後，會出現一個「全選」的按鈕，

若不希望出現此按鈕且能預設全選，要如何實現呢？如下圖所示：

1.3 實現思路

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

注1：本文方案仅支持PC端，不支持移动端。

注2：本文方案仅支持参数面板样式为经典的普通报表、旧版决策报表。

        不支持FVS可视化大屏、不支持FR11样式的cpt普通报表、不支持新版决策报表。

2.1 準備範本

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

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

2.2 新增事件

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

JavaScript 程式碼如下：

this.changeAllState();//預設全選

2.3 效果預覽

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

注1：本文方案仅支持PC端，不支持移动端。

注2：本文方案仅支持参数面板样式为经典的普通报表、旧版决策报表。

        不支持FVS可视化大屏、不支持FR11样式的cpt普通报表、不支持新版决策报表。

點選下載範本：JS實現複選按鈕組元件預設全選.cpt