一种数据列表编辑操作显示方法及装置制造方法及图纸

本发明专利技术公开了一种数据列表编辑操作显示方法及装置，所述方法包括：对由至少一条记录构成的数据列表的内容信息、数据列表编辑按钮进行显示；接收对数据列表编辑按钮的触发，进入编辑操作模式，将数据列表中各条记录的编辑操作按钮进行显示；接收对数据列表中某条记录的编辑操作按钮的触发，按照预设的编辑操作动态显示模式，动态显示编辑操作过程。本发明专利技术能够动态的显示数据列表编辑操作过程，具有真实的动态体验效果。

【技术实现步骤摘要】
【专利摘要】本专利技术公开了一种数据列表编辑操作显示方法及装置，所述方法包括：对由至少一条记录构成的数据列表的内容信息、数据列表编辑按钮进行显示；接收对数据列表编辑按钮的触发，进入编辑操作模式，将数据列表中各条记录的编辑操作按钮进行显示；接收对数据列表中某条记录的编辑操作按钮的触发，按照预设的编辑操作动态显示模式，动态显示编辑操作过程。本专利技术能够动态的显示数据列表编辑操作过程，具有真实的动态体验效果。【专利说明】一种数据列表编辑操作显示方法及装置
本专利技术涉及通信
，尤其涉及一种数据列表编辑操作显示方法及装置。
技术介绍
目前，移动终端用户在对网页中的数据列表进行编辑操作时，其编辑操作过程相对简单，缺乏动态显示效果，直观性较差。例如，当用户点击网页中WAP类产品数据列表编辑按钮时，会直接在移动终端屏幕显示数据列表中各条记录的编辑操作按钮:删除操作按钮、置顶操作按钮；当用户点击WAP类产品数据列表中某条记录的删除操作按钮时，该记录会直接从移动终端屏幕消失，没有被显示抹去的痕迹；同样的，当用户点击WAP类产品数据列表中某条记录的置顶操作按钮时，该记录会直接显示在移动终端屏幕的顶部，而该记录从当前位置到顶部的移动过程却未被显示。由此可见，WAP类产品数据列表的编辑操作过程并未增设动画，缺乏真实的动态体验。
技术实现思路
有鉴于此，提出一种数据列表编辑操作显示方法及装置，能够动态的显示数据列表编辑操作过程，具有真实的动态体验效果。 本专利技术实施例采用以下技术方案: 一种数据列表编辑操作显示方法，所述方法包括: 对由至少一条记录构成的数据列表的内容信息、数据列表编辑按钮进行显示； 接收所述数据列表编辑按钮的触发，进入编辑操作模式，将与所述至少一条记录中的每一条记录对应的编辑操作按钮进行显示； 接收所述至少一条记录中的某条记录对应的编辑操作按钮的触发，按照预设的编辑操作动态显示模式，动态显示编辑操作过程。 对应地，一种数据列表编辑操作显示装置，所述装置包括: 列表显示模块，用于对由至少一条记录构成的数据列表的内容信息、数据列表编辑按钮进行显示； 编辑进入显示模块，用于接收所述数据列表编辑按钮的触发，进入编辑操作模式，将与所述至少一条记录中的每一条记录对应的编辑操作按钮进行显示； 编辑过程显示模块，用于接收所述至少一条记录中的某条记录对应的编辑操作按钮的触发，按照预设的编辑操作动态显示模式，动态显示编辑操作过程。 上述数据列表编辑操作显示方法及装置，对数据列表的编辑操作过程进行动态显示，带给用户一种真实的动态体验效果，且对于新手用户可以起到很好的引导作用，能够更加直观的判断编辑操作完成与否。 【专利附图】【附图说明】 图1是本专利技术第一实施例提供的一种数据列表编辑操作显示方法流程示意图； 图2是本专利技术第一实施例提供的一种对编辑操作模式进入过程进行动态显示的效果不意图； 图3是本专利技术第一实施例提供的一种删除操作动态显示模式示意图； 图4是本专利技术第一实施例提供的一种置顶操作动态显示模式示意图； 图5是本专利技术第二实施例提供的一种数据列表编辑操作显示装置示意图。 【具体实施方式】 下面结合附图和实施例对本专利技术作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅用于解释本专利技术，而非对本专利技术的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本专利技术相关的部分而非全部内容。 下面以网页中的数据列表为例，来对本专利技术所提出的数据列表编辑操作显示方法及装置进行阐述，本专利技术各实施例中所涉及的数据列表信息均指的是网页数据中所包含的用于描述数据列表的全部信息，但是本专利技术并不仅限于网页中的数据列表，还可以是其他数据列表。 图1-4示出了本专利技术的第一实施例。 图1是本专利技术第一实施例提供的一种数据列表编辑操作显示方法流程示意图。参见图1，该方法包括: 步骤SlOl:获取数据列表信息。 所述数据列表信息包括由至少一条记录构成的数据列表。优选的，所述数据列表信息还包括数据列表编辑按钮、数据列表编辑完成按钮、数据列表刷新按钮。其中，数据列表编辑按钮用于控制是否进入对数据列表各条记录的编辑状态，数据列表完成按钮用于控制是否完成各条记录的编辑操作过程，数据列表刷新按钮用于控制是否重新获取并显示数据列表信息。 所述数据列表中的各条记录包括内容信息、编辑操作按钮。各条记录的内容信息用于对该条记录各项内容的描述。各条记录的编辑操作按钮包括删除操作按钮和/或置顶操作按钮。删除操作按钮用于控制是否对该条记录进行删除操作，置顶操作按钮用于控制是否对该条记录进行置顶操作。优选的，每条记录的编辑操作按钮还包括删除确认按钮，用于确认该条记录是否处于删除状态。 当数据列表为网页中的数据列表时，可通过无线或有线方式从管理该网页的服务器获取其数据列表信息。 步骤S102:对数据列表中各条记录的内容信息、数据列表编辑按钮进行显示。 在步骤S102中，将所获取的数据列表信息进行解析，得到数据列表信息的DOM(Document Object Model,文档对象模型)树,并对所述DOM树进行初始化,然后将所述初始化后的DOM树渲染至移动终端屏幕，对所述数据列表中各条记录的内容信息、数据列表编辑按钮进行显示。 其中，对所述DOM树进行初始化包括:修改DOM树中数据列表编辑完成按钮、各条记录的编辑操作按钮对应元素节点的transform属性中的translated,使得能够在显示数据列表信息时将数据列表编辑完成按钮、各条记录的编辑操作按钮隐藏。 步骤S103:接收数据列表编辑按钮的触发，进入编辑操作模式，将数据列表中各条记录的编辑操作按钮进行显示。 在本实施例的一个优选实施方式中，编辑操作模式的进入为动态进入，其中动态进入过程包括:隐藏数据列表的预设列；将数据列表中各条记录的编辑操作按钮从所述数据列表的一侧进入。其中，所述预设列可以是但不限于:数据列表中除第一列外的其他所有列。 图2是本专利技术第一实施例提供的一种对编辑操作模式进入过程进行动态显示的效果示意图。参见图2，一种对编辑操作模式进入过程进行动态显示为:数据列表编辑完成按钮201从数据列表的右侧移入，并替换数据列表编辑按钮202 ;所述数据列表的预设列203渐隐消失；非预设列204右移预定距离；各条记录的删除操作按钮205从数据列表的左侧对应移入各条记录的所在行；所述数据列表中除第一条记录外的所有记录的置顶操作按钮206从数据列表的右侧对应移入各条记录的所在行。 在步骤S103中，可通过修改DOM树中相应元素节点的CSS3 (CascadingStyleSheet3，级联样式表)属性，动态进入编辑操作模式。其中，所述CSS3属性包括opacity属性、transform属性、transt1n属性等各种属性。opacity属性用于控制元素节点的透明度！transform属性用于控制元素节点的旋转、倾斜、移动、缩放；transt1n属性用于控制其他CSS3属性值在一定的时间区间内平滑地过渡。CSS3属性为本领域普通技术人员所熟知的，在此不再作详细赘述。例如，可通过修改所述DOM树中各条记录的编辑操作按钮对应的元素节点的本文档来自技高网...

【技术保护点】
一种数据列表编辑操作显示方法，其特征在于，所述方法包括：对由至少一条记录构成的数据列表的内容信息、数据列表编辑按钮进行显示；接收对所述数据列表编辑按钮的触发，进入编辑操作模式，将所述数据列表中各条记录的编辑操作按钮进行显示；接收对所述数据列表中某条记录的编辑操作按钮的触发，按照预设的编辑操作动态显示模式，动态显示编辑操作过程。

【技术特征摘要】

【专利技术属性】
技术研发人员：张晶，李健，成媛，杨小燕，刘洋，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：广东;44