【前言】

  省市區三級聯動這個功能在軟體中是很常見的，但是原型是要怎樣實現呢？關於這個功能，我在網上查閱了一部分，加上自己的研究，最終實現。雖然過程有點曲折，特別是其中的各種巢狀關係有一點點亂，不過理清了就好了~下面和大家分享一下我的研究成果。

案例效果：

案例描述：

省市區列表的初始選項為“河北省廊坊市廊坊市區1”，改變省市列表的選項時，區縣的列表內容跟隨改變。

元件準備：

1.1動態面板（用於放置市的列表）：市

1.2動態面板（用於放置區的列表）：區

1.1動態面板“市”的狀態：

1.1.0動態面板“市”各個狀態的內容：

1.2動態面板“區”的狀態：

1.2.0動態面板“區”各個狀態的內容:

1.2.1動態面板“河北省”各個狀態的內容：

1.2.2動態面板“吉林省”各個狀態的內容：

操作步驟：

1、為“省”下拉列表的【選項改變時】事件新增“用例1”，編輯條件為“備選項This==選項河北省”，設定動作為【設定面板狀態】，{配置動作}為【set區（動態面板）stateto 河北省】和【set市（動態面板）state to 河北省】。

新增“用例2”，編輯條件為“備選項This==選項吉林省”，設定動作為【設定面板狀態】，{配置動作}為【set區（動態面板）state to 吉林省】和【set市（動態面板）state to 吉林省】。

2、（1）雙擊動態面板“市”，選擇“狀態1：河北省”，雙擊進入動態面板。設定“廊坊市”下拉列表【選項改變時】事件新增“用例1”，編輯條件為“備選項This==選項廊坊市”，設定動作為【設定面板狀態】，{配置動作}為【set河北省（動態面板）state to 廊坊市】。

設定“廊坊市”下拉列表【選項改變時】事件新增“用例2”，編輯條件為“備選項This==選項邯鄲市”，設定動作為【設定面板狀態】，{配置動作}為【set河北省（動態面板）state to 邯鄲市】。

（2）雙擊動態面板“市”，選擇“狀態2：吉林省”，雙擊進入動態面板。設定“松原市”下拉列表【選項改變時】事件新增“用例1”，編輯條件為“備選項This==選項松原市”，設定動作為【設定面板狀態】，{配置動作}為【set吉林省（動態面板）state to 松原市】。新增“用例2”，編輯條件為“備選項This==選項大安市”，設定動作為【設定面板狀態】，{配置動作}為【set吉林省（動態面板）stateto大安市】。

3、點選執行，實現效果

【小結】

       在操作的過程中可能會有一點暈，因為這幾層之間總是互相巢狀著的。但是實現之後你就會發現，他們每層之間是有規律的。“省”是下拉列表框，“市”是動態面板巢狀下拉列表框，“區”是動態面板巢狀動態面板巢狀下拉列表框，是第幾個就是有幾層，且從外數每層的命名都是相同的，只有最內層的是最終顯示的列表選項。這樣一層一層看下去是不是就清晰了很多呢！

       生活處處充滿驚喜，讓我們繼續加油！O(∩_∩)O