[發明專利]一種基于IOP平臺的多級聯動組件的方法

在審

• 申請號: 201711205010.9
• 申請日: 2017-11-27
• 公開（公告）號: CN107870764A
• 公開（公告）日: 2018-04-03
• 發明（設計）人: 馮永青
• 申請（專利權）人: 鄭州云海信息技術有限公司
• 主分類號: G06F8/36
• 分類號: G06F8/36
• 代理公司: 濟南信達專利事務所有限公司37100
• 代理人: 張靖

1.一種基于IOP平臺的多級聯動組件的方法，其特征在于，所述方法通過封裝一個jQuery的多級聯動組件，然后通過多級聯動組件對外提供一個初始化方法，通過該元素調用多級聯動組件對外提供的初始化方法，生成一個多級聯動的實例。

2.根據權利要求1所述的一種基于IOP平臺的多級聯動組件的方法，其特征在于，所述多級聯動組件的聯動級數通過自定義方式設置。

3.根據權利要求1或2所述的一種基于IOP平臺的多級聯動組件的方法，其特征在于，所述多級聯動組件的聯動級數能夠通過傳入數據，或者根據請求數據的url來獲取下一菜單的數據。

4.根據權利要求3所述的一種基于IOP平臺的多級聯動組件的方法，其特征在于，所述初始化方法通過option參數進行設置，option參數的配置項包括：

type，該多級聯動實例的擺放方式；

levels，將要生成的多級聯動實例的級數；

label，多級聯動實例的這一級的標題；

data，渲染此級的數據；

dataFilter，對data數據的處理函數，若是data數據符合要求，該函數可以為空。

5.根據權利要求4所述的一種基于IOP平臺的多級聯動組件的方法，其特征在于，所述option參數的配置項中的data，渲染此級的數據，渲染的數據為數組，數組中的對象形式包括：

name為菜單中每個選項的text值；

value為每個選項的value值；

selected 為此項是否在初始化的時候選中；

pValue為該選項的對應的父級的value值，第一級的此項為空。

6.根據權利要求5所述的一種基于IOP平臺的多級聯動組件的方法，其特征在于，所述方法通過在需要多級聯動的實例的地方定義一個html元素，通過html元素的jQuery對象調用組件的初始化方法并傳入參數option，頁面根據傳入的參數生成相對應的多級聯動組件的實例。

7.根據權利要求6所述的一種基于IOP平臺的多級聯動組件的方法，其特征在于，所述方法在多級聯動組件的每一級渲染完成后，調用該級的callback函數，在切換一級的選項時調用該級的changed函數。

8.根據權利要求7所述的一種基于IOP平臺的多級聯動組件的方法，其特征在于，所述callback函數和changed函數中根據該級的value，對下一級的data做出過濾，選擇出該級的value對應的下一級的子選項。

9.根據權利要求8所述的一種基于IOP平臺的多級聯動組件的方法，其特征在于，所述方法通過對外提供一個jQuery對象調用的接口，通過調用該接口并傳入相關參數，生成多級聯動組件。