一种实现页面表格编辑的方法及装置制造方法及图纸

本申请实施例公开了一种实现页面表格编辑的方法和装置，该页面包括添加组件和表格组件，并将添加组件和表格组件进行绑定。当用户需要在表格中新增条目时，可以通过触发添加组件在表格中增加可编辑的新增条目，当用户完成对新增条目的编辑时，用户触发该新增条目对应的确定组件，完成页面的刷新，并展示包括新增条目的表格。另外，当用户需要修改表格中已有的条目时，可选中所需修改的条目，将该条目转换成可编辑条目，用户可以直接对可编辑条目的输入项进行修改，从而在同一页面中实现表格展示、添加和修改，提升页面的易用性，减少用户的操作步骤，提高用户使用体验。

【技术实现步骤摘要】
一种实现页面表格编辑的方法及装置
本申请涉及互联网
，具体涉及一种实现页面表格编辑的方法及装置。
技术介绍
当前管理软件使用的表格组件往往仅具备展示功能，当用户想要在表格中增加条目时，需要通过点击添加按钮跳转至其他页面或弹出弹窗来实现条目的添加。然而，有时在用户新增条目时，需要参看已存在的条目，但由于已经跳转到添加页面，导致需要重新返回展示表格的页面才能参看已有的条目。这无疑增加了用户操作的步骤，降低表格组件的易用性，影响用户使用体验。
技术实现思路
有鉴于此，本申请实施例提供一种实现页面表格编辑的方法及装置，以提升页面表格的易用性和提高用户使用体验。为解决上述问题，本申请实施例提供的技术方案如下：本申请第一方面提供了一种实现页面表格编辑的方法，所述页面包括添加组件以及表格组件，所述添加组件与所述表格组件进行绑定，该方法可以包括：响应于用户对所述添加组件的触发，在所述表格中添加可编辑新增条目；所述可编辑新增条目对应有确定组件；当用户完成对所述可编辑新增条目编辑时，响应于用户对所述确定组件的触发，刷新所述页面，在所述页面中展示所述表格；所述表格包括所述可编辑新增条目。在一种可能的实现方式中，所述响应于用户对所述确定组件的触发，刷新所述页面，在所述页面中展示所述表格，包括：响应于用户对所述确定组件的触发，对所述可编辑新增条目的输入项进行校验；所述可编辑新增条目包括至少一个所述输入项；当校验通过时，刷新所述页面，在所述页面中展示所述表格。在一种可能的实现方式中，所述可编辑新增条目还对应有取消组件，所述方法还包括：在用户触发所述确定组件之前，响应于在用户对所述取消组件的触发，删除所述可编辑新增条目。在一种可能的实现方式中，对于所述表格中已存在的条目，所述方法还包括：响应于用户对所述条目的选中操作，将所述条目转换成可编辑条目；所述可编辑条目对应有所述确定组件和/或所述取消组件；当用户完成对所述可编辑条目编辑时，响应于用户对所述确定组件的触发，对所述可编辑条目的输入项进行校验；所述可编辑条目对应至少一个所述输入项；当校验通过时，刷新所述页面，在所述页面中展示所述表格；和/或，在用户触发所述确定组件之前，响应于在用户对所述取消组件的触发，取消此次编辑，保留所述可编辑条目的所述输入项的原内容。在一种可能的实现方式中，所述方法还包括：当校验未通过时，对未通过校验的所述输入项进行标记。在一种可能的实现方式中，所述页面还包括删除组件，所述方法还包括：响应于用户对所述删除组件的触发，删除所述条目；所述条目为所述表格中一个或多个条目；刷新所述页面，在所述页面中展示所述表格。本申请第二方面提供了一种实现页面表格编辑的装置，所述页面包括添加组件以及表格组件，所述添加组件与所述表格组件进行绑定，所述装置包括：添加单元，用于响应于用户对所述添加组件的触发，在所述表格中添加可编辑新增条目；所述可编辑新增条目对应有确定组件；第一刷新单元，用于当用户完成对所述可编辑新增条目编辑时，响应于用户对所述确定组件的触发，刷新所述页面，在所述页面中展示所述表格；所述表格包括所述可编辑新增条目。在一种可能的实现方式中，所述刷新单元包括：检验子单元，用于响应于用户对所述确定组件的触发，对所述可编辑新增条目的输入项进行校验；所述可编辑新增条目包括至少一个所述输入项；刷新子单元，用于当校验通过时，刷新所述页面，在所述页面中展示所述表格。在一种可能的实现方式中，所述可编辑新增条目还对应有取消组件，所述装置还包括：第一删除单元，用于在用户触发所述确定组件之前，响应于在用户对所述取消组件的触发，删除所述可编辑新增条目。在一种可能的实现方式中，对于所述表格中已存在的条目，所述装置还包括：转换单元，用于响应于用户对所述条目的选中操作，将所述条目转换成可编辑条目；所述可编辑条目对应有所述确定组件和/或所述取消组件；校验单元，用于当用户完成对所述可编辑条目编辑时，响应于用户所述确定组件的触发，对所述可编辑条目的输入项进行校验；所述可编辑条目对应至少一个所述输入项；第二刷新单元，用于当校验通过时，刷新所述页面，在所述页面中展示所述表格；和/或，取消单元，用于在用户触发所述确定组件之前，响应于在用户对所述取消组件的触发，取消此次编辑，保留所述编辑条目的所述输入项的原内容。在一种可能的实现方式中，所述装置还包括：标记单元，用于当校验未通过时，对未通过校验的所述输入项进行标记。在一种可能的实现方式中，所述页面还包括删除组件，所述装置还包括：第二删除单元，用于响应于用户对所述删除组件的触发，删除所述条目；所述条目为所述表格中一个或多个条目；第三刷新单元，用于刷新所述页面，在所述页面中展示所述表格。由此可见，本申请实施例具有如下有益效果：本申请实施例的页面中包括添加组件和表格组件，并将添加组件和表格组件进行绑定，当用户想要在页面表格中添加新的条目时，可以通过触发添加组件实现条目的添加。而且，新增的条目处于可编辑状态，用户可以对新增条目的输入项进行编辑。当用户完成对新增条目的编辑时，可通过触发该新增条目对应的确定组件完成页面的刷新，从而实现在表格中新增条目，并在页面中进行展示。可见，通过本申请实施例提供的方法，使得表格展示和添加的功能在同一页面中实现，无需跳转页面，提升了产品的易用性，减少用户操作的步骤，提高用户使用体验。附图说明图1为本申请实施例提供的示例性应用场景的框架示意图；图2为本申请实施例提供的一种实现页面表格编辑的方法的流程图；图3为本申请实施例提供的另一种实现页面表格编辑的方法的流程图图4为本申请实施例提供的一种页面显示效果图；图5为本申请实施例提供的一种实现页面表格编辑的装置构图。具体实施方式为使本申请的上述目的、特征和优点能够更加明显易懂，下面结合附图和具体实施方式对本申请实施例作进一步详细的说明。为便于理解本申请提供的技术方案，下面先对本申请的
技术介绍
进行说明。专利技术人在对传统编辑页面表格的方法研究中发现，传统的在页面表格中增加新条目时，需要跳转至其他页面或弹出弹窗来实现条目的添加。另外，当用户需要修改表格中已有的条目时，也需要跳转至其他页面或弹出弹窗进行条目中相关内容的修改，增加用户操作的步骤，降低表格的易用性，影响用户使用体验。基于此，本申请实施例提供了一种实现页面表格编辑的方法和装置，该页面包括添加组件和表格组件，并将添加组件和表格组件进行绑定。当用户需要在表格中新增条目时，可以通过触发添加组件在表格中增加可编辑的新增条目，当用户完成对新增条目的编辑时，用户触发该新增条目对应的确定组件，完成页面的刷新，并展示包括新增条目的表格。另外，当用户需要修改表格中已有的条目时，可选中所需修改的条目，将该条目转换成可编辑条目，用户可以直接对可编辑条目的输入项进行修改，从而在同一页面中实现表格展示、添加和修改，提升页面的易用性，减少用户的操作步骤，提高用户使用体验。参见图1，该图为本申请实施例提供的示例性应用场景的框架示意图。其中，本申请实施例提供的实现页面表格编辑的方法可以应用于客户端10中。实际应用时，用户可以通过客户端10浏览页面，在进入页面时，可以从服务器20中获取数据，并填充入表格在页面中进行显示。当用户点击添加组件时，触发添加编辑行方法，在表格中增本文档来自技高网...

【技术保护点】
1.一种实现页面表格编辑的方法，其特征在于，所述页面包括添加组件以及表格组件，所述添加组件与所述表格组件进行绑定，所述方法包括：响应于用户对所述添加组件的触发，在所述表格中添加可编辑新增条目；所述可编辑新增条目对应有确定组件；当用户完成对所述可编辑新增条目编辑时，响应于用户对所述确定组件的触发，刷新所述页面，在所述页面中展示所述表格；所述表格包括所述可编辑新增条目。

【技术特征摘要】
1.一种实现页面表格编辑的方法，其特征在于，所述页面包括添加组件以及表格组件，所述添加组件与所述表格组件进行绑定，所述方法包括：响应于用户对所述添加组件的触发，在所述表格中添加可编辑新增条目；所述可编辑新增条目对应有确定组件；当用户完成对所述可编辑新增条目编辑时，响应于用户对所述确定组件的触发，刷新所述页面，在所述页面中展示所述表格；所述表格包括所述可编辑新增条目。2.根据权利要求1所述的方法，其特征在于，所述响应于用户对所述确定组件的触发，刷新所述页面，在所述页面中展示所述表格，包括：响应于用户对所述确定组件的触发，对所述可编辑新增条目的输入项进行校验；所述可编辑新增条目包括至少一个所述输入项；当校验通过时，刷新所述页面，在所述页面中展示所述表格。3.根据权利要求1所述的方法，其特征在于，所述可编辑新增条目还对应有取消组件，所述方法还包括：在用户触发所述确定组件之前，响应于在用户对所述取消组件的触发，删除所述可编辑新增条目。4.根据权利要求3所述的方法，其特征在于，对于所述表格中已存在的条目，所述方法还包括：响应于用户对所述条目的选中操作，将所述条目转换成可编辑条目；所述可编辑条目对应有所述确定组件和/或所述取消组件；当用户完成对所述可编辑条目编辑时，响应于用户对所述确定组件的触发，对所述可编辑条目的输入项进行校验；所述可编辑条目对应至少一个所述输入项；当校验通过时，刷新所述页面，在所述页面中展示所述表格；和/或，在用户触发所述确定组件之前，响应于在用户对所述取消组件的触发，取消此次编辑，保留所述可编辑条目的所述输入项的原内容。5.根据权利要求2或4所述的方法，其特征在于，所述方法还包括：当校验未通过时，对未通过校验的所述输入项进行标记。6.根据权利要求4所述的方法，其特征在于，所述页面还包括删除组件，所述方法还包括：响...

【专利技术属性】
技术研发人员：孙凤超，
申请(专利权)人：郑州云海信息技术有限公司，
类型：发明
国别省市：河南,41