一、選中添加功能完成

首先打開在線編輯器進入我們的項目：https://editor.ivx.cn/

在上一節咱們已經完成了對應的準備工作，在這一節中，咱們只需要對其進行調用即可，調用前還需要處理這些數據：

首先選中時，咱們需要對當前影院的影片ID值賦值，為其新增一個ID內容，這個ID內容必須從獲取到的影院ID上進行追加，所以在此還需要新建一個影片ID列表：

隨后當循環遍歷的影院內容的id對其進行賦值：

接著把當前的影片ID增加到這個列表末尾：

當然，影片中也是相同的操作，所以處理出具部分的動作事件如下：

隨后再調用上一節中所準備的服務內容：

二、座位內容的準備工作

在選中對列表進行的操作是添加，那么在取消選中內容時所作的操作必然是刪除，那么刪除的話在這里就需要對其進行刪除，對數組中指定值進行刪除直接選擇刪除動作即可。此時動作編寫如下：

接著直接調用對應的服務即可：

因為添加的內容都是列表，數據操作部分不自在數據庫中制作，所以直接使用相同服務即可。

三、動態座位設置

動態座位設置如下：

動態座位設置是指點擊對應的位置將會顯示為白色，該部分內容是為了較為動態的設置位置信息，例如在發布電影前設置某個位置不可用，這樣可以及時的對某些已損壞位置進行處理，這樣別人就選擇不了當前位置。

那如何制作呢？

首先我們可以給與一個較為大的矩陣來模擬作為，在點擊作為設置后跳轉到當前座位設置頁，再座位設置頁顯示時創建一個1010 或者2020 的二維數組，當然也可以直接對其進行設置，例如創建一個二維數組變量命名為座位矩陣，并且在這個矩陣中添加對應的內容：

這是比較簡單的方法，你也可以在顯示事件中直接編寫兩個循環，設置號循環次數后對其進行賦值即可：

在此選擇最簡單的方法即可。

隨后創建兩個循環用于遍歷這個二維數組：

一位數組用一個循環，那么二維數組就用2個循環，第一個循環得到是每一行的內容，第二個循環得到是這一行中的每一個內容，因為一位數組是一個數組列表，那么二位數組就是多個數組列表就行縱向的排列，所以在循環給值時，第一個循環直接給這個座位矩陣即可，第二個循環直接給到這些縱向內容的每一行即可，也就是第一個循環得到的內容。

第一個循環的數據來源：

第二個循環的數據來源：

隨后在內部的數據中添加兩個if 容器，用于判斷當前循環到的值：

第一個循環容器直接判斷當前的值是否是1，1表示有作為，0表示空座位，咱們只需要在值等于1時創建一個座位信息，這個座位信息咱們暫時用一個方塊顯示，這個方塊為黃色:


這個條件容器的判斷如下：

接著創建一個有座位的判斷，判斷當前循環到的值是否是1，如果不是的話，那么就直接顯示一個空白座位即可：



這樣的話就準備好了兩個座位內容，在對應值是對其進行顯示有座位或者無座位即可，下一節咱們將講解如何實現點擊后不同座位的切換。