[發明專利]一種實現web頁面地域跨級別多選的方法

在審

• 申請號: 201711337009.1
• 申請日: 2017-12-14
• 公開（公告）號: CN108062386A
• 公開（公告）日: 2018-05-22
• 發明（設計）人: 何苗
• 申請（專利權）人: 易知成都數據服務有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30;G06F9/451
• 代理公司: 成都新驅科為知識產權代理事務所(普通合伙) 51251
• 代理人: 成實;曾娟

1.一種實現web頁面地域跨級別多選的方法，其特征在于，包括以下步驟：

(1)預處理

1a：構造組件；

1b：初始化組件；

1c：選中初始值；

1d；綁定事件；

(2)地域選擇

2a：將地域進行級聯；

2b：地域多選；

2c：地域合并。

2.根據權利要求1所述的一種實現web頁面地域跨級別多選的方法，其特征在于：所述組件包括模板，數據和函數方法；所述模板作為基礎樣式，設置在標簽template中，該模板用于構成組件的骨架；所述數據為組件提供輸入參數，該數據存放在data變量中；所述函數方法包括實現web頁面地域跨級別多選功能的方法，該函數方法都存放在組件的methods變量中。

3.根據權利要求2所述的一種實現web頁面地域跨級別多選的方法，其特征在于：所述數據包括省province，市city，區area，展示地域liveArea，選中地域selectedArea，刪除地域removedArea，緩存數據cache。

4.根據權利要求1～3任一項所述的一種實現web頁面地域跨級別多選的方法，其特征在于：步驟2a中將地域進行級聯的具體過程為：將省/市設置為父級區域，并將省級下的市或市級下的區設置為子級區域；傳入父級區域碼，即可獲取父級區域對應的子級區域。

5.根據權利要求4所述的一種實現web頁面地域跨級別多選的方法，其特征在于：步驟2b中進行地域多選的具體過程為：通過多選checkbox選擇地域，根據選中的地域即可禁用已選中的父級區域。

6.根據權利要求5所述的一種實現web頁面地域跨級別多選的方法，其特征在于：步驟2c中進行地域合并的具體過程為：將選中地域隊列遍歷，判斷是否存在大地域覆蓋小地域的情況，如果是，則將小地域過濾，展示對應的大地域。