1.1 預期效果

在使用下拉框做篩選查詢時，需要點選下拉框下拉三角才會展開所有選項，有些使用場景下，使用者希望自動展開選項列表，尤其是在多個元件聯動場景下。如下圖所示：

地區元件選擇地區後，銷售員元件自動展開，並且選項為對應地區的銷售員。如下圖所示：

1.2 實現思路

透過給地區元件新增編輯後事件實現。事件 JS 程式碼內容為自動展開下拉框選項。

注：此方案不支援開啟新計算引擎的範本和開啟新參數樣式的範本。

2.1 準備資料

建立範本，建立資料集 ds1，SQL 語句如下：

SELECT distinct 地區 FROM 銷量

建立資料集 ds2，其中用了一個資料集參數「地區」，用來實現和地區元件聯動，SQL 語句如下：

select distinct 銷售員 from 銷量 where 1=1${if(len(地區)=0,""," and 地區 = '"+地區+"'")}

2.2 新增元件

1）在參數面板中新增「標籤元件」、「下拉框元件」和查詢按鈕，對應修改標籤元件和下拉框元件的名稱。如下圖所示：

2）給地區下拉框元件綁定資料字典 ds1，給銷售員下拉框元件綁定資料字典 ds2。如何綁定查看下圖：

2.3 新增事件

選中地區下拉框元件，在「元件設定>事件」處為其新增一個一個「編輯後」事件實現地區下拉框選擇值後，展花費售員下拉框。如下圖所示：

JavaScript 程式碼如下：

var a = this.options.form.getWidgetByName("銷售員");//獲取銷售員下拉框元件
a.onTriggerClick();//展開下拉列表

2.4 效果预览

保存模板，点击「分页预览」。效果如下图所示：

注：不支持移动端。

点击下载模板：JS實現下拉框自動展開.cpt