[發明專利]生成單元格編輯組件的方法、裝置、介質及計算機設備

有效

• 申請號: 202110156547.0
• 申請日: 2021-02-04
• 公開（公告）號: CN112800736B
• 公開（公告）日: 2022-04-08
• 發明（設計）人: 趙云飛
• 申請（專利權）人: 杉數科技（北京）有限公司;上海杉數網絡科技有限公司;杉數科技（蘇州）有限公司;深圳市杉智科技有限公司
• 主分類號: G06F40/18
• 分類號: G06F40/18;G06F40/183;G06F8/38
• 代理公司: 北京眾達德權知識產權代理有限公司 11570
• 代理人: 姚萱萱

1.一種生成單元格編輯組件的方法，其特征在于，所述方法包括：

創建單元格公用編輯組件；

獲取單元格的多種編輯方式及每種所述編輯方式下所述單元格的渲染參數；

根據各所述編輯方式及所述渲染參數在所述單元格公用編輯組件中創建對應的編輯控件；

在所述單元格公用編輯組件中創建各所述編輯控件對應的交互策略；

將具有各所述編輯控件及所述交互策略的單元格公用編輯組件集成到表格table組件中，利用所述單元格公用編輯組件實現不同類型的編輯功能。

2.如權利要求1所述的方法，其特征在于，根據各所述編輯方式及所述渲染參數在所述單元格公用編輯組件中創建對應的編輯控件，包括：

基于所述編輯方式確定所述編輯控件的類型；

基于所述編輯方式對應的渲染參數以及所述編輯控件的類型，利用React.cloneElement函數創建對應的虛擬文檔對象模型dom節點，所述dom節點為所述編輯控件。

3.如權利要求1所述的方法，其特征在于，所述在所述單元格公用編輯組件中創建各所述編輯控件對應的交互策略，包括：

針對任一所述編輯控件，確定所述編輯控件的目標輸入數據；

根據所述目標輸入數據的類型創建對應的數據處理模型，以能在接收到所述目標輸入數據時能利用對應的所述數據處理模型對所述目標輸入數據進行渲染，使得所述目標輸入值顯示在單元格中。

4.如權利要求1所述的方法，其特征在于，所述編輯方式包括：普通輸入方式、數字輸入方式、選擇方式、開關切換方式及日期選擇方式。

5.如權利要求1所述的方法，其特征在于，所述渲染參數包括：所述單元格內的當前行數據、所述單元格的編輯狀態、列數據在數據項中對應的路徑、所述單元格的列頭顯示文字、編輯元素以及文本輸入框失去焦點時的處理策略；所述文本輸入框為所述編輯控件中的一種。

6.如權利要求1所述的方法，其特征在于，所述將具有各所述編輯控件及所述交互策略的單元格公用編輯組件集成到表格table組件中后，還包括：

針對任一編輯控件，若接收到針對所述編輯控件的目標輸入數據，確定所述目標輸入數據的類型；

基于所述目標輸入數據的類型從所述單元格公用編輯組件調用對應的交互策略；

當確定編輯焦點消失時，利用所述交互策略將所述目標輸入數據渲染至所述單元格中。

7.一種生成單元格編輯組件的裝置，其特征在于，所述裝置包括：

第一創建單元，用于創建單元格公用編輯組件；

獲取單元，用于獲取單元格的多種編輯方式及每種所述編輯方式下所述單元格的渲染參數；

第二創建單元，用于根據各所述編輯方式及所述渲染參數在所述單元格公用編輯組件中創建對應的編輯控件；在所述單元格公用編輯組件中創建各所述編輯控件對應的交互策略；

集成單元，用于將具有各所述編輯控件及所述交互策略的單元格公用編輯組件集成到表格table組件中，利用所述單元格公用編輯組件實現不同類型的編輯功能。

8.如權利要求7所述的裝置，其特征在于，所述第二創建單元具體用于：

基于所述編輯方式確定所述編輯控件的類型；

基于所述編輯方式對應的渲染參數以及所述編輯控件的類型，利用React.cloneElement函數創建對應的虛擬文檔對象模型dom節點，所述dom節點為所述編輯控件。

9.一種計算機可讀存儲介質，其上存儲有計算機程序，其特征在于，該程序被處理器執行時實現權利要求1至6任一項所述的方法。

10.一種計算機設備，包括存儲器、處理器及存儲在存儲器上并可在處理器上運行的計算機程序，其特征在于，所述處理器執行所述程序時實現權利要求1至6任一項所述的方法。