[發明專利]數據綁定方法及裝置

在審

• 申請號: 201710104616.7
• 申請日: 2017-02-24
• 公開（公告）號: CN108509395A
• 公開（公告）日: 2018-09-07
• 發明（設計）人: 周建濤
• 申請（專利權）人: 北京國雙科技有限公司
• 主分類號: G06F17/22
• 分類號: G06F17/22;G06F17/30
• 代理公司: 北京康信知識產權代理有限責任公司 11240
• 代理人: 韓建偉;張永明

1.一種數據綁定方法，其特征在于，包括：

獲取HTML元素中的屬性信息，其中，所述屬性信息包括屬性名稱和屬性值，其中，所述屬性名稱用于指示待綁定的DOM元素，所述屬性值用于指示需要綁定的數據字段；

獲取所述屬性名稱對應的DOM元素；

獲取數據，并從所述數據中獲取值為所述屬性值的數據字段；

將所述數據字段綁定到所述DOM元素中。

2.根據權利要求1所述的方法，其特征在于，獲取HTML元素中的屬性信息包括：

根據所述HTML元素的標簽特性為所述HTML元素指定所述屬性信息，得到HTML片段；

將所述HTML片段添加到所述HTML元素中。

3.根據權利要求2所述的方法，其特征在于，在將所述HTML片段添加到所述HTML元素中之后，所述方法還包括：

將所述HTML元素的CSS樣式配置為隱藏樣式。

4.根據權利要求1至3中任一項所述的方法，其特征在于，將所述數據字段綁定到所述DOM元素中包括：

判斷所述數據字段的數據類型；

根據所述數據類型將所述數據字段綁定到所述DOM元素中。

5.根據權利要求4中所述的方法，其特征在于，根據所述數據類型將所述數據字段綁定到所述DOM元素中包括：

在所述數據類型為預設類型的情況下，將所述數據字段綁定到所述DOM元素的TEXT屬性，其中，所述預設類型包括以下之一：字符串類型、數字類型、布爾對象類型；

在所述數據類型為對象類型的情況下，將所述對象類型數據的所述屬性名稱對應的屬性綁定到所述DOM元素；

在所述數據類型為數組類型的情況下，循環所述數組；所述數組中的每個元素以所述DOM元素為模板生成DOM元素集合；將所述DOM元素集合添加到所述屬性名稱對應的父節點上。

6.一種數據綁定裝置，其特征在于，包括：

第一獲取模塊，用于獲取HTML元素中的屬性信息，其中，所述屬性信息包括屬性名稱和屬性值，其中，所述屬性名稱用于指示待綁定的DOM元素，所述屬性值用于指示需要綁定的數據字段；

第二獲取模塊，用于獲取所述屬性名稱對應的DOM元素；

第三獲取模塊，用于獲取數據，并從所述數據中獲取值為所述屬性值的數據字段；

綁定模塊，用于將所述數據字段綁定到所述DOM元素中。

7.根據權利要求6所述的裝置，其特征在于，所述第一獲取模塊包括：

處理單元，用于根據所述HTML元素的標簽特性為所述HTML元素指定所述屬性信息，得到HTML片段；

添加單元，用于將所述HTML片段添加到所述HTML元素中。

8.根據權利要求7所述的裝置，其特征在于，所述裝置還包括：

配置模塊，用于將所述HTML元素的CSS樣式配置為隱藏樣式。

9.根據權利要求6至8中任一項所述的裝置，其特征在于，所述綁定模塊包括：

判斷單元，用于判斷所述數據字段的數據類型；

綁定單元，用于根據所述數據類型將所述數據字段綁定到所述DOM元素中。

10.根據權利要求9中所述的裝置，其特征在于，所述綁定單元用于：

在所述數據類型為預設類型的情況下，將所述數據字段綁定到所述DOM元素的TEXT屬性，其中，所述預設類型包括以下之一：字符串類型、數字類型、布爾對象類型；

在所述數據類型為對象類型的情況下，將所述對象類型數據的所述屬性名稱對應的屬性綁定到所述DOM元素；

在所述數據類型為數組類型的情況下，循環所述數組；所述數組中的每個元素以所述DOM元素為模板生成DOM元素集合；將所述DOM元素集合添加到所述屬性名稱對應的父節點上。