CN112800736A - 生成单元格编辑组件的方法、装置、介质及计算机设备 - Google Patents

生成单元格编辑组件的方法、装置、介质及计算机设备 Download PDF

Info

Publication number
CN112800736A
CN112800736A CN202110156547.0A CN202110156547A CN112800736A CN 112800736 A CN112800736 A CN 112800736A CN 202110156547 A CN202110156547 A CN 202110156547A CN 112800736 A CN112800736 A CN 112800736A
Authority
CN
China
Prior art keywords
editing
cell
creating
common
component
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN202110156547.0A
Other languages
English (en)
Other versions
CN112800736B (zh
Inventor
赵云飞
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shanghai Shanshu Network Technology Co ltd
Shanshu Science And Technology Suzhou Co ltd
Shanshu Science And Technology Beijing Co ltd
Shenzhen Shanzhi Technology Co Ltd
Original Assignee
Shanghai Shanshu Network Technology Co ltd
Shanshu Science And Technology Suzhou Co ltd
Shanshu Science And Technology Beijing Co ltd
Shenzhen Shanzhi Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Shanghai Shanshu Network Technology Co ltd, Shanshu Science And Technology Suzhou Co ltd, Shanshu Science And Technology Beijing Co ltd, Shenzhen Shanzhi Technology Co Ltd filed Critical Shanghai Shanshu Network Technology Co ltd
Priority to CN202110156547.0A priority Critical patent/CN112800736B/zh
Publication of CN112800736A publication Critical patent/CN112800736A/zh
Application granted granted Critical
Publication of CN112800736B publication Critical patent/CN112800736B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/166—Editing, e.g. inserting or deleting
    • G06F40/177—Editing, e.g. inserting or deleting of tables; using ruled lines
    • G06F40/18—Editing, e.g. inserting or deleting of tables; using ruled lines of spreadsheets
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/166—Editing, e.g. inserting or deleting
    • G06F40/183—Tabulation, i.e. one-dimensional positioning
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • Health & Medical Sciences (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Artificial Intelligence (AREA)
  • Software Systems (AREA)
  • Human Computer Interaction (AREA)
  • Processing Or Creating Images (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明提供一种生成单元格编辑组件的方法、装置、介质及计算机设备，包括：创建单元格公用编辑组件；获取单元格的多种编辑方式及每种编辑方式下单元格的渲染参数；根据各编辑方式及渲染参数在单元格公用编辑组件中创建对应的编辑控件；在单元格公用编辑组件中创建各编辑控件对应的交互策略；将具有各编辑控件及交互策略的单元格公用编辑组件集成到表格组件中；如此，在软件开发过程中，可在同一个单元格公用编辑组件中创建不同编辑方式对应的编辑控件，后续需要实现其他编辑功能时，直接在单元格公用编辑组件中添加新的编辑控件，无需重新编写大量的重复代码，简化单元格编辑组件的开发过程，提高开发效率；提高单元格公用编辑组件的复用率。

Description

生成单元格编辑组件的方法、装置、介质及计算机设备
技术领域
本发明涉及互联网软件开发技术领域，尤其涉及一种生成单元格编辑组件的方法、装置、介质及计算机设备。
背景技术
表格是由多个单元格组成的表，目前，表格已经成为人们日常办公生活的一部分，可以提供输入输出以及显示等编辑功能。
相关技术中，每需要实现一种编辑功能，在软件开发过程中需要重新开发对应功能的编辑组件，导致开发过程较为繁琐，开发效率较低。
发明内容
针对现有技术存在的问题，本发明实施例提供了一种生成单元格编辑组件的方法、装置、介质及计算机设备，用于解决现有技术中每实现一种编辑功能，在软件开发过程中需要重新开发对应功能的编辑组件，导致开发过程较为繁琐，导致开发效率低的技术问题。
第一方便，本发明提供一种生成单元格编辑组件的方法，所述方法包括：
创建单元格公用编辑组件；
获取单元格的多种编辑方式及每种所述编辑方式下所述单元格的渲染参数；
根据各所述编辑方式及所述渲染参数在所述单元格公用编辑组件中创建对应的编辑控件；
在所述单元格公用编辑组件中创建各所述编辑控件对应的交互策略；
将具有各所述编辑控件及所述交互策略的单元格公用编辑组件集成到表格table组件中。
可选的，根据各所述编辑方式及所述渲染参数在所述单元格公用编辑组件中创建对应的编辑控件，包括：
基于所述编辑方式确定所述编辑控件的类型；
基于所述编辑方式对应的渲染参数以及所述编辑控件的类型，利用React.cloneElement函数创建对应的虚拟文档对象模型dom节点，所述dom节点为所述编辑控件。
可选的，所述在所述单元格公用编辑组件中创建各所述编辑控件对应的交互策略，包括：
针对任一所述编辑控件，确定所述编辑控件的目标输入数据；
根据所述目标输入数据的类型创建对应的数据处理模型，以能在接收到所述目标输入数据时能利用对应的所述数据处理模型对所述目标输入数据进行渲染，使得所述目标输入值显示在单元格中。
可选的，所述编辑方式包括：普通输入方式、数字输入方式、选择方式、开关切换方式及日期选择方式。
可选的，所述渲染参数包括：所述单元格内的当前行数据、所述单元格的编辑状态、列数据在数据项中对应的路径、所述单元格的列头显示文字、编辑元素以及文本输入框失去焦点时的处理策略；所述文本输入框为所述编辑控件中的一种。
可选的，所述将具有各所述编辑控件及所述交互策略的单元格公用编辑组件集成到表格table组件中后，还包括：
针对任一编辑控件，若接收到针对所述编辑控件的目标输入数据，确定所述目标输入数据的类型；
基于所述目标输入数据的类型从所述单元格公用编辑组件调用对应的交互策略；
当确定编辑焦点消失时，利用所述交互策略将所述目标输入数据渲染至所述单元格中。
第二方面，本发明提供一种生成单元格编辑组件的装置，所述装置包括：
第一创建单元，用于创建单元格公用编辑组件；
获取单元，用于获取单元格的多种编辑方式及每种所述编辑方式下所述单元格的渲染参数；
第二创建单元，用于根据各所述编辑方式及所述渲染参数在所述单元格公用编辑组件中创建对应的编辑控件；在所述单元格公用编辑组件中创建各所述编辑控件对应的交互策略；
集成单元，用于将具有各所述编辑控件及所述交互策略的单元格公用编辑组件集成到表格table组件中。
可选的，所述第二创建单元具体用于：
基于所述编辑方式确定所述编辑控件的类型；
基于所述编辑方式对应的渲染参数以及所述编辑控件的类型，利用React.cloneElement函数创建对应的虚拟文档对象模型dom节点，所述dom节点为所述编辑控件。
第三方面，本发明还提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现第一方面中任一项所述的方法。
第四方面，本发明提供一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现第一方面中任一项所述的方法。
本发明提供了一种生成单元格编辑组件的方法、装置、介质及计算机设备，方法包括：创建单元格公用编辑组件；获取单元格的多种编辑方式及每种所述编辑方式下所述单元格的渲染参数；根据各所述编辑方式及所述渲染参数在所述单元格公用编辑组件中创建对应的编辑控件；在所述单元格公用编辑组件中创建各所述编辑控件对应的交互策略；将具有各所述编辑控件及所述交互策略的单元格公用编辑组件集成到表格table组件中；如此，在软件开发过程中，可以在同一个单元格公用编辑组件中创建不同编辑方式对应的编辑控件，也即单元格公用编辑组件相当于是一个公用的框架，即使后续在需要实现其他编辑功能时，也可以直接在单元格公用编辑组件中添加新的编辑控件，无需再重新编写新的编辑组件，进而无需编写大量的重复代码，即可该编辑组件中实现新的编辑功能；可以看出，本发明实施例可以简化单元格编辑组件的开发过程，提高开发效率；并且提高了单元格公用编辑组件的复用率。
附图说明
通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：
图1为本发明实施例提供的生成单元格编辑组件的方法流程示意图；
图2为本发明实施例提供的生成单元格编辑组件的装置结构示意图；
图3为本发明实施例提供的生成单元格编辑组件的计算机设备结构示意图；
图4为本发明实施例提供的生成单元格编辑组件的计算机可读存储介质结构示意图。
具体实施方式
为了解决现有技术中每实现一种编辑功能，在软件开发过程中需要重新开发对应功能的编辑组件，导致开发过程较为繁琐，导致开发效率低的技术问题。本发明提供了一种生成单元格编辑组件的方法、装置、介质及计算机设备。
为了更好的理解上述技术方案，下面通过附图以及具体实施例对本说明书实施例的技术方案做详细的说明，应当理解本说明书实施例以及实施例中的具体特征是对本说明书实施例技术方案的详细的说明，而不是对本说明书技术方案的限定，在不冲突的情况下，本说明书实施例以及实施例中的技术特征可以相互组合。
本实施例提供一种生成单元格编辑组件的方法，如图1所示，方法包括以下步骤：
S110，创建单元格公用编辑组件；
根据预设的创建指令创建单元格公用编辑组件。单元格公用编辑组件可以理解为可共享的编辑组件，即可以在该编辑组件中实现多种编辑功能的开发。这样相比现有技术中每需要实现一种编辑功能就要重新开发对应的编辑组件来说，可以简化开发流程，提高开发效率，提高单元格公用编辑组件的复用率。
这里，单元格公用编辑组件可以理解为一个公用的输入框架，若想实现某种编辑功能，直接在该公用编辑组件中添加对应的编辑控件，无需再重新编写一个该编辑功能对应的编辑组件，进而避免编写大量的重复的代码。
S111，获取单元格的多种编辑方式及每种所述编辑方式下所述单元格的渲染参数；
单元格公用编辑组件创建完成之后，为了可以在单元格编辑组件中创建不同类型的编辑控件，以实现不同的编辑功能，需要获取单元格的多种编辑方式及每种所述编辑方式下单元格的渲染参数。
本发明实施例中，编辑方式可以包括：普通输入方式、数字输入方式、选择方式、开关切换方式及日期选择方式等等。
这里，普通输入方式为即可输入文字、图片、数字等的输入方式；数字输入方式为只可以输入数字的输入方式；选择方式为当使用下拉菜单，有多种选项时对应的输入方式；开关切换方式为当使用开关来输入选择时(比如将开关切换为打开状态，输入“是”的选择，将开关切换为关闭状态，输入“否”的选择)对应的输入方式；日期选择方式为在表格中选择日期的输入方式。
一般来说，因为渲染的过程是将用户编辑的数据显示在单元格中，因此即使是不同的编辑方式对应的渲染参数大部分也是相同的。比如渲染参数可以包括：单元格内的当前行数据、单元格的编辑状态、列数据在数据项中对应的路径、单元格的列头显示文字、编辑元素以及文本输入框失去焦点时的处理策略；文本输入框为编辑控件中的一种。
这里，单元格内的当前行数据是指在单元格内当前正在显示的数据；单元格的编辑状态包括：可编辑状态和不可编辑状态。编辑元素可以理解为用于将数据渲染至单元格中的渲染代码。文本输入框失去焦点时的处理策略为当用户编辑完毕之后，光标离开对应的数据处理策略。
另外，因单元格在整个表格中的行确定之后，可以根据列数据在数据项中对应的路径确定单元格在整个表格中的具体位置。
S112，根据各所述编辑方式及所述渲染参数在所述单元格公用编辑组件中创建对应的编辑控件；
获取到编辑方式及渲染参数后，根据各编辑方式及渲染参数在单元格公用编辑组件中创建对应的编辑控件。
编辑控件与编辑方式对应，编辑控件可以理解为最终显示在表格中，以供用户进行操作的操作对象。
举例来说，当编辑方式为普通输入方式时，对应的编辑控件可以为普通文本输入框；当编辑方式为数字输入方式时，对应的编辑控件可以为数字输入框；当编辑方式为选择方式时，对应的编辑控件可以为选择器(比如下拉选择框)；当编辑方式为开关切换方式时，对应的编辑控件可以为开关；当编辑方式为日期选择方式时，对应的编辑控件可以为日期选择框。
本发明实施例中，根据各编辑方式及渲染参数在单元格公用编辑组件中创建对应的编辑控件，包括：
基于编辑方式确定编辑控件的类型；
基于编辑方式对应的渲染参数以及编辑控件的类型，利用React.cloneElement函数创建对应的虚拟文档对象模型dom节点，dom节点为编辑控件。
S113，在所述单元格公用编辑组件中创建各所述编辑控件对应的交互策略；
编辑控件创建完成之后，用户若想在单元格中实现某种编辑功能时，需要利用对应的编辑控件进行输入，因此还需要在单元格公用编辑组件中创建各编辑控件对应的交互策略。
本发明实施例中，在单元格公用编辑组件中创建各编辑控件对应的交互策略，包括：
针对任一编辑控件，确定编辑控件的目标输入数据；
根据目标输入数据的类型创建对应的数据处理模型，以能在接收到目标输入数据时能利用对应的数据处理模型对目标输入数据进行渲染，使得目标输入值显示在单元格中。
其中，创建交互策略的代码实现如下：
Figure BDA0002933772310000071
这里，目标输入数据的类型可以包括：文字、字符、数字、图片等，在此不做限制。
比如：针对文本输入框，若用户在文本输入框中输入文字时，那么就需要创建文字对应的数据处理模型。
S114，将具有各所述编辑控件及所述交互策略的单元格公用编辑组件集成到表格table组件中。
然后将具有各编辑控件及交互策略的单元格公用编辑组件集成到表格table组件中。这样即完成了单元格公用编辑组件的创建过程，后续可利用该单元格公用编辑组件实现不同类型的编辑功能。
本发明实施例中，将具有各所述编辑控件及交互策略的单元格公用编辑组件集成到表格table组件中后，还包括：
针对任一编辑控件，若接收到针对编辑控件的目标输入数据，确定目标输入数据的类型；
基于所述目标输入数据的类型从单元格公用编辑组件调用对应的交互策略；
当确定编辑焦点消失时，利用交互策略将目标输入数据渲染至单元格中。
这里，编辑焦点可以理解为用户的光标焦点，当用户编辑完毕点击更新或保存时，光标会离开文本输入框，此时编辑焦点处于消失状态。
本发明实施例在软件开发过程中，可以在同一个单元格公用编辑组件中创建不同编辑方式对应的编辑控件，也即单元格公用编辑组件相当于是一个公用的框架，即使后续在需要实现其他编辑功能时，也可以直接在单元格公用编辑组件中直接添加新的编辑控件，无需再重新编写新的编辑组件，进而无需编写大量的重复代码，即可该编辑组件中实现新的编辑功能；可以看出，本发明实施例可以简化单元格编辑组件的开发过程，提高开发效率，也丰富了编辑组件的功能，避免了编辑组件功能的单一性，并且提高了单元格公用编辑组件的复用率。
基于与前述实施例同样的发明构思，本发明实施例还提供一种生成单元格编辑组件的装置，如图2所示，装置包括：
第一创建单元21，用于创建单元格公用编辑组件；
获取单元22，用于获取单元格的多种编辑方式及每种编辑方式下单元格的渲染参数；
第二创建单元23，用于根据各编辑方式及渲染参数在所述单元格公用编辑组件中创建对应的编辑控件；在单元格公用编辑组件中创建各编辑控件对应的交互策略；
集成单元24，用于将具有各编辑控件及交互策略的单元格公用编辑组件集成到表格table组件中。
具体的，第一创建单元21根据预设的创建指令创建单元格公用编辑组件。单元格公用编辑组件可以理解为可共享的编辑组件，即可以在该编辑组件中实现多种编辑功能的开发。这样相比现有技术中每需要实现一种编辑功能就要重新开发对应的编辑组件来说，可以简化开发流程，提高开发效率，提高单元格公用编辑组件的复用率。
这里，单元格公用编辑组件可以理解为一个公用的输入框架，若想实现某种编辑功能，直接在该公用编辑组件中添加对应的编辑控件，无需再重新编写一个该编辑功能对应的编辑组件，进而避免编写大量的重复的代码。
单元格公用编辑组件创建完成之后，为了可以在单元格编辑组件中创建不同类型的编辑控件，以实现不同的编辑功能，获取单元22需要获取单元格的多种编辑方式及每种所述编辑方式下单元格的渲染参数。
本发明实施例中，编辑方式可以包括：普通输入方式、数字输入方式、选择方式、开关切换方式及日期选择方式等等。
这里，普通输入方式为即可输入文字、图片、数字等的输入方式；数字输入方式为只可以输入数字的输入方式；选择方式为当使用下拉菜单，有多种选项时对应的输入方式；开关切换方式为当使用开关来输入选择时(比如将开关切换为打开状态，输入“是”的选择，将开关切换为关闭状态，输入“否”的选择)对应的输入方式；日期选择方式为在表格中选择日期的输入方式。
一般来说，因为渲染的过程是将用户编辑的数据显示在单元格中，因此即使是不同的编辑方式对应的渲染参数大部分也是相同的。比如渲染参数可以包括：单元格内的当前行数据、单元格的编辑状态、列数据在数据项中对应的路径、单元格的列头显示文字、编辑元素以及文本输入框失去焦点时的处理策略；文本输入框为编辑控件中的一种。
这里，单元格内的当前行数据是指在单元格内当前正在显示的数据；单元格的编辑状态包括：可编辑状态和不可编辑状态。编辑元素可以理解为用于将数据渲染至单元格中的渲染代码。文本输入框失去焦点时的处理策略为当用户编辑完毕之后，光标离开对应的数据处理策略。
另外，因单元格在整个表格中的行确定之后，可以根据列数据在数据项中对应的路径确定单元格在整个表格中的具体位置。
获取到编辑方式及渲染参数后，第二创建单元23根据各编辑方式及渲染参数在单元格公用编辑组件中创建对应的编辑控件。
编辑控件与编辑方式对应，编辑控件可以理解为最终显示在表格中，以供用户进行操作的操作对象。
举例来说，当编辑方式为普通输入方式时，对应的编辑控件可以为普通文本输入框；当编辑方式为数字输入方式时，对应的编辑控件可以为数字输入框；当编辑方式为选择方式时，对应的编辑控件可以为选择器(比如下拉选择框)；当编辑方式为开关切换方式时，对应的编辑控件可以为开关；当编辑方式为日期选择方式时，对应的编辑控件可以为日期选择框。
本发明实施例中，第二创建单元23根据各编辑方式及渲染参数在单元格公用编辑组件中创建对应的编辑控件，包括：
基于编辑方式确定编辑控件的类型；
基于编辑方式对应的渲染参数以及编辑控件的类型，利用React.cloneElement函数创建对应的虚拟文档对象模型dom节点，dom节点为编辑控件。
编辑控件创建完成之后，用户若想在单元格中实现某种编辑功能时，需要利用对应的编辑控件进行输入，因此还需要在单元格公用编辑组件中创建各编辑控件对应的交互策略。
本发明实施例中，第二创建单元23在单元格公用编辑组件中创建各编辑控件对应的交互策略，包括：
针对任一编辑控件，确定编辑控件的目标输入数据；
根据目标输入数据的类型创建对应的数据处理模型，以能在接收到目标输入数据时能利用对应的数据处理模型对目标输入数据进行渲染，使得目标输入值显示在单元格中。
其中，创建交互策略的代码实现如下：
Figure BDA0002933772310000111
这里，目标输入数据的类型可以包括：文字、字符、数字、图片等，在此不做限制。
比如：针对文本输入框，若用户在文本输入框中输入文字时，那么就需要创建文字对应的数据处理模型。
然后将具有各编辑控件及交互策略的单元格公用编辑组件集成到表格table组件中。这样即完成了单元格公用编辑组件的创建过程，后续可利用该单元格公用编辑组件实现不同类型的编辑功能。
本发明实施例中，将具有各所述编辑控件及交互策略的单元格公用编辑组件集成到表格table组件中后，还包括：
针对任一编辑控件，若接收到针对编辑控件的目标输入数据，确定目标输入数据的类型；
基于所述目标输入数据的类型从单元格公用编辑组件调用对应的交互策略；
当确定编辑焦点消失时，利用交互策略将目标输入数据渲染至单元格中。
这里，编辑焦点可以理解为用户的光标焦点，当用户编辑完毕点击更新或保存时，光标会离开文本输入框，此时编辑焦点处于消失状态。
本发明的上述一个或多个实施例能带来的有益效果至少是：
本发明实施例提供了一种生成单元格编辑组件的方法、装置、介质及计算机设备，方法包括：创建单元格公用编辑组件；获取单元格的多种编辑方式及每种所述编辑方式下所述单元格的渲染参数；根据各所述编辑方式及所述渲染参数在所述单元格公用编辑组件中创建对应的编辑控件；在所述单元格公用编辑组件中创建各所述编辑控件对应的交互策略；将具有各所述编辑控件及所述交互策略的单元格公用编辑组件集成到表格table组件中；如此，在软件开发过程中，可以在同一个单元格公用编辑组件中创建不同编辑方式对应的编辑控件，也即单元格公用编辑组件相当于是一个公用的框架，即使后续在需要实现其他编辑功能时，也可以在单元格公用编辑组件中直接添加新的编辑控件，无需再重新编写新的编辑组件，进而无需编写大量的重复代码，即可该编辑组件中实现新的编辑功能；可以看出，本发明实施例可以简化单元格编辑组件的开发过程，提高开发效率，也丰富了编辑组件的功能，避免了编辑组件功能的单一性，并且提高了单元格公用编辑组件的复用率。
基于与前述实施例同样的发明构思，本发明实施例还提供一种计算机设备300，如图3所示，包括存储器310、处理器320及存储在存储器310上并可在处理器320上运行的计算机程序311，处理器30执行计算机程序311时实现以下步骤：
创建单元格公用编辑组件；
获取单元格的多种编辑方式及每种所述编辑方式下所述单元格的渲染参数；
根据各所述编辑方式及所述渲染参数在所述单元格公用编辑组件中创建对应的编辑控件；
在所述单元格公用编辑组件中创建各所述编辑控件对应的交互策略；
将具有各所述编辑控件及所述交互策略的单元格公用编辑组件集成到表格table组件中。
在具体实施过程中，处理器420执行计算机程序411时，可以实现实施例二中任一实施方式。
由于本实施例所介绍的计算机设备为实施本申请实施例一种生成单元格编辑组件的设备，故而基于本申请前述实施例中所介绍的方法，本领域所属技术人员能够了解本实施例的计算机设备的具体实施方式以及其各种变化形式，所以在此对于该服务器如何实现本申请实施例中的方法不再详细介绍。只要本领域所属技术人员实施本申请实施例中的方法所采用的设备，都属于本申请所欲保护的范围。
基于与前述实施例同样的发明构思，本发明实施例还提供一种计算机可读存储介质400，如图4所示，其上存储有计算机程序411，该计算机程序411被处理器执行时实现以下步骤：
创建单元格公用编辑组件；
获取单元格的多种编辑方式及每种所述编辑方式下所述单元格的渲染参数；
根据各所述编辑方式及所述渲染参数在所述单元格公用编辑组件中创建对应的编辑控件；
在所述单元格公用编辑组件中创建各所述编辑控件对应的交互策略；
将具有各所述编辑控件及所述交互策略的单元格公用编辑组件集成到表格table组件中。
在具体实施过程中，该计算机程序411被处理器执行时，可以实现前述实施例中任一实施方式。
本领域内的技术人员应明白，本申请的实施例可提供为方法、系统、或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
尽管已描述了本申请的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例作出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本申请范围的所有变更和修改。
以上所述，仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围，凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等，均应包含在本发明的保护范围之内。

Claims (10)

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任一项所述的方法。
CN202110156547.0A 2021-02-04 2021-02-04 生成单元格编辑组件的方法、装置、介质及计算机设备 Active CN112800736B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110156547.0A CN112800736B (zh) 2021-02-04 2021-02-04 生成单元格编辑组件的方法、装置、介质及计算机设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110156547.0A CN112800736B (zh) 2021-02-04 2021-02-04 生成单元格编辑组件的方法、装置、介质及计算机设备

Publications (2)

Publication Number Publication Date
CN112800736A true CN112800736A (zh) 2021-05-14
CN112800736B CN112800736B (zh) 2022-04-08

Family

ID=75814171

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110156547.0A Active CN112800736B (zh) 2021-02-04 2021-02-04 生成单元格编辑组件的方法、装置、介质及计算机设备

Country Status (1)

Country Link
CN (1) CN112800736B (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114527969A (zh) * 2022-01-25 2022-05-24 孚瑞肯电气(深圳)有限公司 一种可以将列表单元格转换成下拉列表形式输入的方法

Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5553215A (en) * 1994-09-21 1996-09-03 Microsoft Corporation Method and system of sharing common formulas in a spreadsheet program and of adjusting the same to conform with editing operations
CN106610923A (zh) * 2015-10-26 2017-05-03 北京国双科技有限公司 用于网页表格的单元格的撤销方法及装置
CN107544806A (zh) * 2017-09-04 2018-01-05 江苏中威科技软件系统有限公司 可视化表单绘制方法
CN107608675A (zh) * 2017-09-27 2018-01-19 微景天下（北京）科技有限公司 基于虚拟文档对象模型的跨平台前端开发系统及方法
US20180157468A1 (en) * 2016-12-03 2018-06-07 Thomas STACHURA Spreadsheet-Based Software Application Development
CN110008455A (zh) * 2019-03-13 2019-07-12 平安科技（深圳）有限公司 表格编辑方法、装置、计算机设备和存储介质
US20190228062A1 (en) * 2017-05-05 2019-07-25 Ping An Technology (Shenzhen) Co., Ltd. Method, apparatus, and server for rendering a cell page, and readable storage medium
CN110325961A (zh) * 2016-12-03 2019-10-11 托马斯·斯塔胡拉 基于电子表格的软件应用程序开发
CN111444171A (zh) * 2018-12-28 2020-07-24 航天信息股份有限公司 增值税纳税申报表的生成方法、装置和存储介质

Patent Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5553215A (en) * 1994-09-21 1996-09-03 Microsoft Corporation Method and system of sharing common formulas in a spreadsheet program and of adjusting the same to conform with editing operations
CN106610923A (zh) * 2015-10-26 2017-05-03 北京国双科技有限公司 用于网页表格的单元格的撤销方法及装置
US20180157468A1 (en) * 2016-12-03 2018-06-07 Thomas STACHURA Spreadsheet-Based Software Application Development
CN110325961A (zh) * 2016-12-03 2019-10-11 托马斯·斯塔胡拉 基于电子表格的软件应用程序开发
US20190228062A1 (en) * 2017-05-05 2019-07-25 Ping An Technology (Shenzhen) Co., Ltd. Method, apparatus, and server for rendering a cell page, and readable storage medium
CN107544806A (zh) * 2017-09-04 2018-01-05 江苏中威科技软件系统有限公司 可视化表单绘制方法
CN107608675A (zh) * 2017-09-27 2018-01-19 微景天下（北京）科技有限公司 基于虚拟文档对象模型的跨平台前端开发系统及方法
CN111444171A (zh) * 2018-12-28 2020-07-24 航天信息股份有限公司 增值税纳税申报表的生成方法、装置和存储介质
CN110008455A (zh) * 2019-03-13 2019-07-12 平安科技（深圳）有限公司 表格编辑方法、装置、计算机设备和存储介质

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114527969A (zh) * 2022-01-25 2022-05-24 孚瑞肯电气(深圳)有限公司 一种可以将列表单元格转换成下拉列表形式输入的方法
CN114527969B (zh) * 2022-01-25 2023-08-18 孚瑞肯电气(深圳)有限公司 一种可以将列表单元格转换成下拉列表形式输入的方法

Also Published As

Publication number Publication date
CN112800736B (zh) 2022-04-08

Similar Documents

Publication Publication Date Title
JP2020521214A (ja) フォームのカスタマイズ方法及び装置
CN105511873B (zh) 用户界面控件展示方法及装置
CN109657214A (zh) 报表生成方法、装置、终端及存储介质
JP2021007736A (ja) 音声スキルゲームの編集方法、装置、機器及び読み取り可能な記憶媒体
US10835821B2 (en) Recording medium storing game program, game processing method, and information processing apparatus
CN103440304A (zh) 一种图片存储方法及存储装置
CN111258434B (zh) 在聊天界面插入图片的方法、装置、设备及存储介质
CN112800736B (zh) 生成单元格编辑组件的方法、装置、介质及计算机设备
CN111831815B (zh) 问卷显示的控制方法、装置、存储介质和电子设备
CN109426415B (zh) 一种生成级联选择器的方法及装置
CN112685025A (zh) 快速搭建前端页面的方法及系统
CN111367514B (zh) 页面卡片的开发方法和装置、计算设备和存储介质
CN107491311B (zh) 生成页面文件的方法、系统以及计算机设备
CN109240678A (zh) 代码生成方法及装置
CN110866379B (zh) 数据可视化图表库系统
CN109902275B (zh) 一种自定义表格的方法以及电子设备
CN114845171A (zh) 视频编辑方法、装置及电子设备
CN112616086A (zh) 一种互动视频生成方法及装置
US9552347B1 (en) Data grid cell styling systems and methods
CN112169313A (zh) 一种游戏界面的设置方法及装置、电子设备、存储介质
JP2007122669A (ja) 画面作成装置およびプログラム
CN112433723B (zh) 个性化列表开发方法及装置
CN106157349B (zh) 一种动作补间动画的自动生成方法及自动生成系统
CN116362220A (zh) 一种用例生成方法、装置、设备和存储介质
CN116795360A (zh) 页面渲染方法、装置及设备

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant