CN109375977A - 一种实现页面表格编辑的方法及装置 - Google Patents
一种实现页面表格编辑的方法及装置 Download PDFInfo
- Publication number
- CN109375977A CN109375977A CN201811198304.8A CN201811198304A CN109375977A CN 109375977 A CN109375977 A CN 109375977A CN 201811198304 A CN201811198304 A CN 201811198304A CN 109375977 A CN109375977 A CN 109375977A
- Authority
- CN
- China
- Prior art keywords
- entry
- component
- user
- editable
- page
- 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.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请实施例公开了一种实现页面表格编辑的方法和装置,该页面包括添加组件和表格组件,并将添加组件和表格组件进行绑定。当用户需要在表格中新增条目时,可以通过触发添加组件在表格中增加可编辑的新增条目,当用户完成对新增条目的编辑时,用户触发该新增条目对应的确定组件,完成页面的刷新,并展示包括新增条目的表格。另外,当用户需要修改表格中已有的条目时,可选中所需修改的条目,将该条目转换成可编辑条目,用户可以直接对可编辑条目的输入项进行修改,从而在同一页面中实现表格展示、添加和修改,提升页面的易用性,减少用户的操作步骤,提高用户使用体验。
Description
技术领域
本申请涉及互联网技术领域,具体涉及一种实现页面表格编辑的方法及装置。
背景技术
当前管理软件使用的表格组件往往仅具备展示功能,当用户想要在表格中增加条目时,需要通过点击添加按钮跳转至其他页面或弹出弹窗来实现条目的添加。然而,有时在用户新增条目时,需要参看已存在的条目,但由于已经跳转到添加页面,导致需要重新返回展示表格的页面才能参看已有的条目。这无疑增加了用户操作的步骤,降低表格组件的易用性,影响用户使用体验。
发明内容
有鉴于此,本申请实施例提供一种实现页面表格编辑的方法及装置,以提升页面表格的易用性和提高用户使用体验。
为解决上述问题,本申请实施例提供的技术方案如下:
本申请第一方面提供了一种实现页面表格编辑的方法,所述页面包括添加组件以及表格组件,所述添加组件与所述表格组件进行绑定,该方法可以包括:
响应于用户对所述添加组件的触发,在所述表格中添加可编辑新增条目;所述可编辑新增条目对应有确定组件;
当用户完成对所述可编辑新增条目编辑时,响应于用户对所述确定组件的触发,刷新所述页面,在所述页面中展示所述表格;所述表格包括所述可编辑新增条目。
在一种可能的实现方式中,所述响应于用户对所述确定组件的触发,刷新所述页面,在所述页面中展示所述表格,包括:
响应于用户对所述确定组件的触发,对所述可编辑新增条目的输入项进行校验;所述可编辑新增条目包括至少一个所述输入项;
当校验通过时,刷新所述页面,在所述页面中展示所述表格。
在一种可能的实现方式中,所述可编辑新增条目还对应有取消组件,所述方法还包括:
在用户触发所述确定组件之前,响应于在用户对所述取消组件的触发,删除所述可编辑新增条目。
在一种可能的实现方式中,对于所述表格中已存在的条目,所述方法还包括:
响应于用户对所述条目的选中操作,将所述条目转换成可编辑条目;所述可编辑条目对应有所述确定组件和/或所述取消组件;
当用户完成对所述可编辑条目编辑时,响应于用户对所述确定组件的触发,对所述可编辑条目的输入项进行校验;所述可编辑条目对应至少一个所述输入项;
当校验通过时,刷新所述页面,在所述页面中展示所述表格;
和/或,
在用户触发所述确定组件之前,响应于在用户对所述取消组件的触发,取消此次编辑,保留所述可编辑条目的所述输入项的原内容。
在一种可能的实现方式中,所述方法还包括:
当校验未通过时,对未通过校验的所述输入项进行标记。
在一种可能的实现方式中,所述页面还包括删除组件,所述方法还包括:
响应于用户对所述删除组件的触发,删除所述条目;所述条目为所述表格中一个或多个条目;
刷新所述页面,在所述页面中展示所述表格。
本申请第二方面提供了一种实现页面表格编辑的装置,所述页面包括添加组件以及表格组件,所述添加组件与所述表格组件进行绑定,所述装置包括:
添加单元,用于响应于用户对所述添加组件的触发,在所述表格中添加可编辑新增条目;所述可编辑新增条目对应有确定组件;
第一刷新单元,用于当用户完成对所述可编辑新增条目编辑时,响应于用户对所述确定组件的触发,刷新所述页面,在所述页面中展示所述表格;所述表格包括所述可编辑新增条目。
在一种可能的实现方式中,所述刷新单元包括:
检验子单元,用于响应于用户对所述确定组件的触发,对所述可编辑新增条目的输入项进行校验;所述可编辑新增条目包括至少一个所述输入项;
刷新子单元,用于当校验通过时,刷新所述页面,在所述页面中展示所述表格。
在一种可能的实现方式中,所述可编辑新增条目还对应有取消组件,所述装置还包括:
第一删除单元,用于在用户触发所述确定组件之前,响应于在用户对所述取消组件的触发,删除所述可编辑新增条目。
在一种可能的实现方式中,对于所述表格中已存在的条目,所述装置还包括:
转换单元,用于响应于用户对所述条目的选中操作,将所述条目转换成可编辑条目;所述可编辑条目对应有所述确定组件和/或所述取消组件;
校验单元,用于当用户完成对所述可编辑条目编辑时,响应于用户所述确定组件的触发,对所述可编辑条目的输入项进行校验;所述可编辑条目对应至少一个所述输入项;
第二刷新单元,用于当校验通过时,刷新所述页面,在所述页面中展示所述表格;
和/或,
取消单元,用于在用户触发所述确定组件之前,响应于在用户对所述取消组件的触发,取消此次编辑,保留所述编辑条目的所述输入项的原内容。
在一种可能的实现方式中,所述装置还包括:
标记单元,用于当校验未通过时,对未通过校验的所述输入项进行标记。
在一种可能的实现方式中,所述页面还包括删除组件,所述装置还包括:
第二删除单元,用于响应于用户对所述删除组件的触发,删除所述条目;所述条目为所述表格中一个或多个条目;
第三刷新单元,用于刷新所述页面,在所述页面中展示所述表格。
由此可见,本申请实施例具有如下有益效果:
本申请实施例的页面中包括添加组件和表格组件,并将添加组件和表格组件进行绑定,当用户想要在页面表格中添加新的条目时,可以通过触发添加组件实现条目的添加。而且,新增的条目处于可编辑状态,用户可以对新增条目的输入项进行编辑。当用户完成对新增条目的编辑时,可通过触发该新增条目对应的确定组件完成页面的刷新,从而实现在表格中新增条目,并在页面中进行展示。可见,通过本申请实施例提供的方法,使得表格展示和添加的功能在同一页面中实现,无需跳转页面,提升了产品的易用性,减少用户操作的步骤,提高用户使用体验。
附图说明
图1为本申请实施例提供的示例性应用场景的框架示意图;
图2为本申请实施例提供的一种实现页面表格编辑的方法的流程图;
图3为本申请实施例提供的另一种实现页面表格编辑的方法的流程图
图4为本申请实施例提供的一种页面显示效果图;
图5为本申请实施例提供的一种实现页面表格编辑的装置构图。
具体实施方式
为使本申请的上述目的、特征和优点能够更加明显易懂,下面结合附图和具体实施方式对本申请实施例作进一步详细的说明。
为便于理解本申请提供的技术方案,下面先对本申请的背景技术进行说明。
发明人在对传统编辑页面表格的方法研究中发现,传统的在页面表格中增加新条目时,需要跳转至其他页面或弹出弹窗来实现条目的添加。另外,当用户需要修改表格中已有的条目时,也需要跳转至其他页面或弹出弹窗进行条目中相关内容的修改,增加用户操作的步骤,降低表格的易用性,影响用户使用体验。
基于此,本申请实施例提供了一种实现页面表格编辑的方法和装置,该页面包括添加组件和表格组件,并将添加组件和表格组件进行绑定。当用户需要在表格中新增条目时,可以通过触发添加组件在表格中增加可编辑的新增条目,当用户完成对新增条目的编辑时,用户触发该新增条目对应的确定组件,完成页面的刷新,并展示包括新增条目的表格。另外,当用户需要修改表格中已有的条目时,可选中所需修改的条目,将该条目转换成可编辑条目,用户可以直接对可编辑条目的输入项进行修改,从而在同一页面中实现表格展示、添加和修改,提升页面的易用性,减少用户的操作步骤,提高用户使用体验。
参见图1,该图为本申请实施例提供的示例性应用场景的框架示意图。其中,本申请实施例提供的实现页面表格编辑的方法可以应用于客户端10中。
实际应用时,用户可以通过客户端10浏览页面,在进入页面时,可以从服务器20中获取数据,并填充入表格在页面中进行显示。当用户点击添加组件时,触发添加编辑行方法,在表格中增加一行可编辑行。当用户完成对该可编辑行的输入项编辑时,点击确定组件,将新增行的数据下发给服务器进行保存,同时完成页面的刷新,并在页面中展示包括新增行的表格。
本领域技术人员可以理解,图1所示的框架示意图仅是本申请的实施方式可以在其中得以实现的一个示例。本申请实施方式的适用范围不受到该框架任何方面的限制。
需要注意的是,本申请实施例中的客户端10可以搭载于终端中,终端可以是现有的、正在研发的或将来研发的、能够通过任何形式的有线和/或无线连接(例如,Wi-Fi、LAN、蜂窝、同轴电缆等)实现与服务器20交互的任何用户设备,包括但不限于:现有的、正在研发的或将来研发的智能手机、非智能手机、平板电脑、膝上型个人计算机、桌面型个人计算机、小型计算机、中型计算机、大型计算机等。还需要注意的是,本申请实施例中服务器20可以是现有的、正在研发的或将来研发的、能够向用户提供数据存储应用服务的设备的一个示例。本申请的实施方式在此方面不受任何限制。
为便于理解本申请提供的技术方案,下面将结合附图对本申请提供的视频生成方法进行说明。
参见图2,该图为本申请实施例提供的一种实现页面表格编辑的方法的流程图,所述页面包括添加组件以及表格组件,所述添加组件与所述表格组件进行绑定,如图2所示,该方法可以包括:
S201:响应于用户对所添加组件的触发,在表格中添加可编辑新增条目。
本实施例中,当用户需要在表格中新增一条或多条条目时,可以点击添加组件,终端设备响应于用户的触发操作,在表格中添加一条或多条可编辑新增条目。其中,每条可编辑新增条目均对应有确定组件,当用户触发该确定组件,表明用户完成编辑,确定在表格中增加该条目。
在具体实现时,终端设备可以根据用户的设置在用户指定的位置添加可编辑新增条目,例如,在表格的上方新增一条可编辑新增条目,或则,在表格的下方新增一条可编辑新增条目。当然,也可以预先设置新增条目的添加位置,当用户触发添加组件时,根据预先设置的位置信息在相应位置添加新增条目。
需要说明的是,对于新增条目,其可以为不携带数据的新增条目,也可以为携带默认值的新增条目。无论该新增条目为何种类型,用户均可以对该新增条目进行编辑,以便将该新增条目编辑成符合需求的条目。
S202:当用户完成对可编辑新增条目编辑时,响应于用户对确定组件的触发,刷新所述页面,在页面中展示所述表格。
本实施例中,当用户完成对可编辑新增条目编辑时,可以电机确定组件,终端设备响应于用户的触发操作,刷新页面,并将新增条目的相关内容发送给服务器进行保存,同时在页面中展示包括可编辑新增条目的表格。
可以理解的是,对于表格中所包括的条目可以包括一个或多个输入项,每个输入项可以对应有属性要求,因此,当用户完成编辑新增条目的输入项时,需要对用户编辑的内容进行校验,判断用户编辑的内容是否符合属性要求。具体为,响应于用户对确定组件的触发,对可编辑新增条目的输入项进行校验;其中,可编辑新增条目包括至少一个输入项;当校验通过时,刷新页面,在页面中展示所述表格。
在具体实现时,当用户点击确定组件时,触发对可编辑新增条目的每个输入项校验,判断该新增条目的输入项是否符合要求,如果符合,校验通过,则刷新页面,在页面中展示包括新增条目的表格。
如果校验未通过,则对未通过校验的输入项进行标记,以便用户对标记的输入进行修改。在具体实现时,可以飘红未通过校验的输入项,以提醒用户该输入项错误。
例如,条目中的第一输入项为用户的ID,该ID必须为整数类型;第二输入项为用户名,该用户名必须为字母和数字组合。当用户完成对新增条目的编辑并触发确定组件时,需要对用户输入的内容进行校验,以判断出用户编辑的第一输入项内容是否为整数类型以及第二输入项用户名是否为字母和数字的组合。如果每个输入项均校验通过,则进行页面刷新,展示表格。如果存在一个输入项未通过校验,则飘红该输入项,以提示用户该输入项错误。
另外,当用户想要删除新增条目时,还可以在未点击确定组件之前删除该新增条目。具体为,可编辑新增条目还对应有取消组件,在用户触发确定组件之前,响应于在用户对取消组件的触发,删除可编辑新增条目,便于用户操作,提升用户使用体验。
通过上述描述,本申请实施例的页面中包括添加组件和表格组件,并将添加组件和表格组件进行绑定,当用户想要在页面表格中添加新的条目时,可以通过触发添加组件实现条目的添加。而且,新增的条目处于可编辑状态,用户可以对新增条目的输入项进行编辑。当用户完成对新增条目的编辑时,可通过触发该新增条目对应的确定组件完成页面的刷新,从而实现在表格中新增条目,并在页面中进行展示。可见,通过本申请实施例提供的方法,使得表格展示和添加的功能在同一页面中实现,无需跳转页面,提升了产品的易用性,减少用户操作的步骤,提高用户使用体验。
在本申请实施例一种可能的实现方式中,用户也可以在当前页面中对表格已存在的条目进行修改或删除,无需跳转至其他页面。下面将结合附图对该方法进行说明。
参见图3,该图为本申请实施例提供的另一种实现页面表格编辑的方法的流程图,如图3所示,该方法可以包括:
S301:响应于用户对条目的选中操作,将条目转换成可编辑条目。
本实施例中,当用户想要对表格中已存在的条目进行修改时,可以选中所要修改的条目,终端设备根据选中操作,将选中的条目转换成可编辑条目,以使得用户可以对该可编辑条目的内容进行修改。
其中,可编辑条目对应有确定组件和/或取消组件。确定组件用于确定用户所修改的内容,取消组件用于取消用户此次修改行为,保留该条目原有的内容。
S302:当用户完成对可编辑条目编辑时,响应于用户对确定组件的触发,对可编辑条目的输入项进行校验。
本实施例中,当选中的条目转换为可编辑条目时,用于可以对该可编辑条目所包括的输入项进行修改,其中可编辑条目包括至少一个输入项。当完成对该可编辑条目的输入项修改时,用户可以点击确定组件,终端设备根据用户的触发操作,对该可编辑条目的输入项进行校验,以保证用户修改后的输入项符合该输入项的要求。具体关于输入项的校验可以参见图2所述实施例的实现,本实施例在此不再赘述。
另外,当用户完成可编辑条目的输入项的修改,但未触发确定组件时,用户可以通过触发取消组件的操作,取消此次编辑,并保留该可编辑条目的输入项的原内容。即取消对可编辑条目的修改,该可编辑条目由可编辑状态转换成不可编辑的状态。
S303:当校验通过时,刷新所述页面,在所述页面中展示所述表格。
本实施例中,当校验通过时,终端设备刷新页面,并将修改后的条目对应的输入项内容发送给服务器,由服务器替换原有内容,保存修改后的内容,同时在页面中展示修改后的表格。
另外,当校验未通过时,标记未通过校验的输入项,以提示用户该输入项错误,需进行修改。
在实际应用中,表格中已有的条目失效,需要删除失效的条目,基于此,本实施例页面中还可以包括删除组件,响应于用户对删除组件的触发,删除表格中的条目;其中,所删除的条目可以为表格中的一个或多个条目;刷新页面,在页面中展示表格。
在具体实现时,用户可以选中需要删除的条目,然后点击删除组件,删除所选中的条目,同时向服务器发送删除指令,将服务器中所保存的该条目的信息进行删除,并刷新页面,在页面展示已删除条目的表格。
通过上述实施例可知,当用户需要修改或删除表格中已有的条目时,可选中所需修改的条目,将该条目转换成可编辑条目,用户可以直接对可编辑条目的输入项进行修改;当用户需要删除表格中已有的条目时,可选中所需删除的条目,删除该条目,从而可以在同一页面中实现删除和修改,提升页面的易用性,减少用户的操作步骤,提高用户使用体验。
为便于理解,参见图4,该图为本申请实施例提供的一种页面显示效果图,在该页面中,包括添加组件和删除组件,新增条目对应有确定组件“OK”和取消组件“Cancel”。当用户需要编辑表格中已有的条目时,当该条目转换为可编辑条目时,显示该可编辑条目对应的确定组件“OK”和取消组件“Cancel”。在用户编辑条目时,可以通过输入框或下拉框的方式对条目中的输入项进行编辑。
基于上述方法实施例,本申请还提供了一种实现页面表格编辑的装置,下面将结合附图对该装置进行说明。
参见图5,该图为本申请实施例提供的一种实现页面表格编辑的装置结5构图,页面包括添加组件以及表格组件,添加组件与表格组件进行绑定,如图5所示,该装置可以包括:
添加单元501,用于响应于用户对所述添加组件的触发,在所述表格中添加可编辑新增条目;所述可编辑新增条目对应有确定组件;
第一刷新单元502,用于当用户完成对所述可编辑新增条目编辑时,响应于用户对所述确定组件的触发,刷新所述页面,在所述页面中展示所述表格;所述表格包括所述可编辑新增条目。
在一种可能的实现方式中,所述刷新单元包括:
检验子单元,用于响应于用户对所述确定组件的触发,对所述可编辑新增条目的输入项进行校验;所述可编辑新增条目包括至少一个所述输入项;
刷新子单元,用于当校验通过时,刷新所述页面,在所述页面中展示所述表格。
在一种可能的实现方式中,所述可编辑新增条目还对应有取消组件,所述装置还包括:
第一删除单元,用于在用户触发所述确定组件之前,响应于在用户对所述取消组件的触发,删除所述可编辑新增条目。
在一种可能的实现方式中,对于所述表格中已存在的条目,所述装置还包括:
转换单元,用于响应于用户对所述条目的选中操作,将所述条目转换成可编辑条目;所述可编辑条目对应有所述确定组件和/或所述取消组件;
校验单元,用于当用户完成对所述可编辑条目编辑时,响应于用户所述确定组件的触发,对所述可编辑条目的输入项进行校验;所述可编辑条目对应至少一个所述输入项;
第二刷新单元,用于当校验通过时,刷新所述页面,在所述页面中展示所述表格;
和/或,
取消单元,用于在用户触发所述确定组件之前,响应于在用户对所述取消组件的触发,取消此次编辑,保留所述编辑条目的所述输入项的原内容。
在一种可能的实现方式中,所述装置还包括:
标记单元,用于当校验未通过时,对未通过校验的所述输入项进行标记。
在一种可能的实现方式中,所述页面还包括删除组件,所述装置还包括:
第二删除单元,用于响应于用户对所述删除组件的触发,删除所述条目;所述条目为所述表格中一个或多个条目;
第三刷新单元,用于刷新所述页面,在所述页面中展示所述表格。
需要说明的是,本实施例中各单元或模块的实现可以参见上述方法实施例,本实施例在此不再赘述。
通过上述实施例可知,本申请实施例的页面中包括添加组件和表格组件,并将添加组件和表格组件进行绑定,当用户想要在页面表格中添加新的条目时,可以通过触发添加组件实现条目的添加。而且,新增的条目处于可编辑状态,用户可以对新增条目的输入项进行编辑。当用户完成对新增条目的编辑时,可通过触发该新增条目对应的确定组件完成页面的刷新,从而实现在表格中新增条目,并在页面中进行展示。可见,通过本申请实施例提供的方法,使得表格展示和添加的功能在同一页面中实现,无需跳转页面,提升了产品的易用性,减少用户操作的步骤,提高用户使用体验。
需要说明的是,本说明书中各个实施例采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似部分互相参见即可。对于实施例公开的系统或装置而言,由于其与实施例公开的方法相对应,所以描述的比较简单,相关之处参见方法部分说明即可。
应当理解,在本申请中,“至少一个(项)”是指一个或者多个,“多个”是指两个或两个以上。“和/或”,用于描述关联对象的关联关系,表示可以存在三种关系,例如,“A和/或B”可以表示:只存在A,只存在B以及同时存在A和B三种情况,其中A,B可以是单数或者复数。字符“/”一般表示前后关联对象是一种“或”的关系。“以下至少一项(个)”或其类似表达,是指这些项中的任意组合,包括单项(个)或复数项(个)的任意组合。例如,a,b或c中的至少一项(个),可以表示:a,b,c,“a和b”,“a和c”,“b和c”,或“a和b和c”,其中a,b,c可以是单个,也可以是多个。
还需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
结合本文中所公开的实施例描述的方法或算法的步骤可以直接用硬件、处理器执行的软件模块,或者二者的结合来实施。软件模块可以置于随机存储器(RAM)、内存、只读存储器(ROM)、电可编程ROM、电可擦除可编程ROM、寄存器、硬盘、可移动磁盘、CD-ROM、或技术领域内所公知的任意其它形式的存储介质中。
对所公开的实施例的上述说明,使本领域专业技术人员能够实现或使用本申请。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的,本文中所定义的一般原理可以在不脱离本申请的精神或范围的情况下,在其它实施例中实现。因此,本申请将不会被限制于本文所示的这些实施例,而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。
Claims (10)
1.一种实现页面表格编辑的方法,其特征在于,所述页面包括添加组件以及表格组件,所述添加组件与所述表格组件进行绑定,所述方法包括:
响应于用户对所述添加组件的触发,在所述表格中添加可编辑新增条目;所述可编辑新增条目对应有确定组件;
当用户完成对所述可编辑新增条目编辑时,响应于用户对所述确定组件的触发,刷新所述页面,在所述页面中展示所述表格;所述表格包括所述可编辑新增条目。
2.根据权利要求1所述的方法,其特征在于,所述响应于用户对所述确定组件的触发,刷新所述页面,在所述页面中展示所述表格,包括:
响应于用户对所述确定组件的触发,对所述可编辑新增条目的输入项进行校验;所述可编辑新增条目包括至少一个所述输入项;
当校验通过时,刷新所述页面,在所述页面中展示所述表格。
3.根据权利要求1所述的方法,其特征在于,所述可编辑新增条目还对应有取消组件,所述方法还包括:
在用户触发所述确定组件之前,响应于在用户对所述取消组件的触发,删除所述可编辑新增条目。
4.根据权利要求3所述的方法,其特征在于,对于所述表格中已存在的条目,所述方法还包括:
响应于用户对所述条目的选中操作,将所述条目转换成可编辑条目;所述可编辑条目对应有所述确定组件和/或所述取消组件;
当用户完成对所述可编辑条目编辑时,响应于用户对所述确定组件的触发,对所述可编辑条目的输入项进行校验;所述可编辑条目对应至少一个所述输入项;
当校验通过时,刷新所述页面,在所述页面中展示所述表格;
和/或,
在用户触发所述确定组件之前,响应于在用户对所述取消组件的触发,取消此次编辑,保留所述可编辑条目的所述输入项的原内容。
5.根据权利要求2或4所述的方法,其特征在于,所述方法还包括:
当校验未通过时,对未通过校验的所述输入项进行标记。
6.根据权利要求4所述的方法,其特征在于,所述页面还包括删除组件,所述方法还包括:
响应于用户对所述删除组件的触发,删除所述条目;所述条目为所述表格中一个或多个条目;
刷新所述页面,在所述页面中展示所述表格。
7.一种实现页面表格编辑的装置,其特征在于,所述页面包括添加组件以及表格组件,所述添加组件与所述表格组件进行绑定,所述装置包括:
添加单元,用于响应于用户对所述添加组件的触发,在所述表格中添加可编辑新增条目;所述可编辑新增条目对应有确定组件;
第一刷新单元,用于当用户完成对所述可编辑新增条目编辑时,响应于用户对所述确定组件的触发,刷新所述页面,在所述页面中展示所述表格;所述表格包括所述可编辑新增条目。
8.根据权利要求7所述的装置,其特征在于,所述刷新单元包括:
检验子单元,用于响应于用户对所述确定组件的触发,对所述可编辑新增条目的输入项进行校验;所述可编辑新增条目包括至少一个所述输入项;
刷新子单元,用于当校验通过时,刷新所述页面,在所述页面中展示所述表格。
9.根据权利要求7所述的装置,其特征在于,所述可编辑新增条目还对应有取消组件,所述装置还包括:
第一删除单元,用于在用户触发所述确定组件之前,响应于在用户对所述取消组件的触发,删除所述可编辑新增条目。
10.根据权利要求9所述的装置,其特征在于,对于所述表格中已存在的条目,所述装置还包括:
转换单元,用于响应于用户对所述条目的选中操作,将所述条目转换成可编辑条目;所述可编辑条目对应有所述确定组件和/或所述取消组件;
校验单元,用于当用户完成对所述可编辑条目编辑时,响应于用户所述确定组件的触发,对所述可编辑条目的输入项进行校验;所述可编辑条目对应至少一个所述输入项;
第二刷新单元,用于当校验通过时,刷新所述页面,在所述页面中展示所述表格;
和/或,
取消单元,用于在用户触发所述确定组件之前,响应于在用户对所述取消组件的触发,取消此次编辑,保留所述编辑条目的所述输入项的原内容。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811198304.8A CN109375977A (zh) | 2018-10-15 | 2018-10-15 | 一种实现页面表格编辑的方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811198304.8A CN109375977A (zh) | 2018-10-15 | 2018-10-15 | 一种实现页面表格编辑的方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN109375977A true CN109375977A (zh) | 2019-02-22 |
Family
ID=65399891
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811198304.8A Pending CN109375977A (zh) | 2018-10-15 | 2018-10-15 | 一种实现页面表格编辑的方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109375977A (zh) |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110008455A (zh) * | 2019-03-13 | 2019-07-12 | 平安科技(深圳)有限公司 | 表格编辑方法、装置、计算机设备和存储介质 |
CN110532483A (zh) * | 2019-07-25 | 2019-12-03 | 北京金堤科技有限公司 | 模拟表格的添加方法、装置、计算机设备及可存储介质 |
CN111580818A (zh) * | 2020-05-19 | 2020-08-25 | 深圳华锐金融技术股份有限公司 | 参数配置方法、装置、计算机设备和存储介质 |
CN112558945A (zh) * | 2020-11-25 | 2021-03-26 | 紫光云技术有限公司 | 一种新型模块化页面设计方法 |
CN113791772A (zh) * | 2021-08-27 | 2021-12-14 | 成都摹客科技有限公司 | 一种可视化编辑器及使用方法 |
CN114895812A (zh) * | 2022-05-09 | 2022-08-12 | 杭州云合智网技术有限公司 | 快速新增多条数据的方法 |
Citations (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1395193A (zh) * | 2001-07-05 | 2003-02-05 | 英业达股份有限公司 | 在网页上生成动态可编辑表格的方法 |
CN1519746A (zh) * | 2003-01-23 | 2004-08-11 | 英业达股份有限公司 | 运用表格项列表进行网页表格编写的方法 |
CN102799575A (zh) * | 2012-06-29 | 2012-11-28 | 杭州迪普科技有限公司 | 一种表格处理方法及装置 |
CN103559292A (zh) * | 2013-11-07 | 2014-02-05 | 大连东方之星信息技术有限公司 | 一种自定义动态创建并显示多级表格的方法 |
CN103729340A (zh) * | 2013-12-29 | 2014-04-16 | 上海浦东物流云计算有限公司 | 网页中编辑表格的方法和装置 |
CN103778112A (zh) * | 2012-10-17 | 2014-05-07 | 镇江雅迅软件有限责任公司 | 一种表单数据批量保存的实现方法 |
CN104407853A (zh) * | 2014-11-06 | 2015-03-11 | 国云科技股份有限公司 | 一种实现table多行同时编辑的方法 |
CN106021333A (zh) * | 2016-05-06 | 2016-10-12 | 北京致远协创软件有限公司 | 用于智能移动终端网页表单的生成方法及装置 |
CN106557491A (zh) * | 2015-09-25 | 2017-04-05 | 北京奇虎科技有限公司 | 一种网页中展示表格数据的方法和装置 |
CN106610923A (zh) * | 2015-10-26 | 2017-05-03 | 北京国双科技有限公司 | 用于网页表格的单元格的撤销方法及装置 |
CN106959941A (zh) * | 2016-01-11 | 2017-07-18 | 北京国双科技有限公司 | 网页表格删除方法及装置 |
CN107818000A (zh) * | 2016-08-31 | 2018-03-20 | 北京国双科技有限公司 | 一种页面表格的操作方法及装置 |
CN108427663A (zh) * | 2017-09-30 | 2018-08-21 | 平安科技(深圳)有限公司 | 电子装置、页面表格数据的处理方法及存储介质 |
-
2018
- 2018-10-15 CN CN201811198304.8A patent/CN109375977A/zh active Pending
Patent Citations (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1395193A (zh) * | 2001-07-05 | 2003-02-05 | 英业达股份有限公司 | 在网页上生成动态可编辑表格的方法 |
CN1519746A (zh) * | 2003-01-23 | 2004-08-11 | 英业达股份有限公司 | 运用表格项列表进行网页表格编写的方法 |
CN102799575A (zh) * | 2012-06-29 | 2012-11-28 | 杭州迪普科技有限公司 | 一种表格处理方法及装置 |
CN103778112A (zh) * | 2012-10-17 | 2014-05-07 | 镇江雅迅软件有限责任公司 | 一种表单数据批量保存的实现方法 |
CN103559292A (zh) * | 2013-11-07 | 2014-02-05 | 大连东方之星信息技术有限公司 | 一种自定义动态创建并显示多级表格的方法 |
CN103729340A (zh) * | 2013-12-29 | 2014-04-16 | 上海浦东物流云计算有限公司 | 网页中编辑表格的方法和装置 |
CN104407853A (zh) * | 2014-11-06 | 2015-03-11 | 国云科技股份有限公司 | 一种实现table多行同时编辑的方法 |
CN106557491A (zh) * | 2015-09-25 | 2017-04-05 | 北京奇虎科技有限公司 | 一种网页中展示表格数据的方法和装置 |
CN106610923A (zh) * | 2015-10-26 | 2017-05-03 | 北京国双科技有限公司 | 用于网页表格的单元格的撤销方法及装置 |
CN106959941A (zh) * | 2016-01-11 | 2017-07-18 | 北京国双科技有限公司 | 网页表格删除方法及装置 |
CN106021333A (zh) * | 2016-05-06 | 2016-10-12 | 北京致远协创软件有限公司 | 用于智能移动终端网页表单的生成方法及装置 |
CN107818000A (zh) * | 2016-08-31 | 2018-03-20 | 北京国双科技有限公司 | 一种页面表格的操作方法及装置 |
CN108427663A (zh) * | 2017-09-30 | 2018-08-21 | 平安科技(深圳)有限公司 | 电子装置、页面表格数据的处理方法及存储介质 |
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110008455A (zh) * | 2019-03-13 | 2019-07-12 | 平安科技(深圳)有限公司 | 表格编辑方法、装置、计算机设备和存储介质 |
CN110008455B (zh) * | 2019-03-13 | 2024-05-03 | 平安科技(深圳)有限公司 | 表格编辑方法、装置、计算机设备和存储介质 |
CN110532483A (zh) * | 2019-07-25 | 2019-12-03 | 北京金堤科技有限公司 | 模拟表格的添加方法、装置、计算机设备及可存储介质 |
CN111580818A (zh) * | 2020-05-19 | 2020-08-25 | 深圳华锐金融技术股份有限公司 | 参数配置方法、装置、计算机设备和存储介质 |
CN112558945A (zh) * | 2020-11-25 | 2021-03-26 | 紫光云技术有限公司 | 一种新型模块化页面设计方法 |
CN113791772A (zh) * | 2021-08-27 | 2021-12-14 | 成都摹客科技有限公司 | 一种可视化编辑器及使用方法 |
CN113791772B (zh) * | 2021-08-27 | 2024-04-30 | 成都摹客科技有限公司 | 一种可视化编辑器及使用方法 |
CN114895812A (zh) * | 2022-05-09 | 2022-08-12 | 杭州云合智网技术有限公司 | 快速新增多条数据的方法 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109375977A (zh) | 一种实现页面表格编辑的方法及装置 | |
JP6062427B2 (ja) | 階層的に構成されズーム表示可能なメディア群の視覚的表示処理 | |
JP5922407B2 (ja) | ユーザ定義可能なプロパティを有するプレゼンテーションのセクション | |
CN109074551A (zh) | 被托管的文件的活动馈送 | |
CN109543163A (zh) | 文档修订记录获取方法、装置、存储介质及电子设备 | |
CN104243273A (zh) | 即时通讯客户端显示信息的方法及设备和信息显示系统 | |
US20200265075A1 (en) | Knowledge graphing platform | |
CN103927356A (zh) | 广告拦截方法及装置 | |
CN109960491A (zh) | 应用程序生成方法、生成装置、电子设备及存储介质 | |
Whiting et al. | Creating an iPhone application for collecting continuous ABC data | |
US20120042269A1 (en) | System and method for nesting timelines | |
CN110928626A (zh) | 一种界面切换方法、装置及电子设备 | |
CN103955475A (zh) | 一种网页标签信息的显示方法、装置和浏览器 | |
US20150113452A1 (en) | Graphical user interface | |
CN104408193B (zh) | 数据可视化模型的处理方法及装置 | |
CN105574163A (zh) | 一种文件处理方法、装置及电子设备 | |
CN109446503A (zh) | 文档内容导出方法和装置 | |
CN107766106A (zh) | 生成配置文件的方法和装置 | |
US20190058756A1 (en) | Method, Terminal, and System for Sending Office Document | |
CN104462452A (zh) | 页面显示的方法及装置 | |
CN105630757A (zh) | 一种数据编辑方法及装置 | |
CN105487769B (zh) | 一种媒体文件展示方法、装置及电子设备 | |
CN112434494A (zh) | 一种文本编辑的方法、装置、终端及存储介质 | |
CN104317581B (zh) | 一种显示方法及电子设备 | |
CN110990006A (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 | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190222 |