组件库数据处理方法及装置

技术领域

本发明涉及数据处理领域，具体而言，涉及一种组件库数据处理方法及装置。

背景技术

相关技术中，Element UI是一套为开发者、设计师和产品经理准备的基于Vue 2.0的桌面端元组件库，它封装了大量组件供开发人员使用。使用Element UI可轻松制作出网页，为前端开发人员大大减轻了代码负担，可使开发人员快速开发项目，减短项目周期。Element table组件没有提供表格单选操作方法，在element table组件中，无法针对table数据表格中的数据行进行单选操作，无法根据用户需求实现选中表格中的某一行数据，以针对选中数据进行后续具体操作。

针对上述的问题，目前尚未提出有效的解决方案。

发明内容

本发明实施例提供了一种组件库数据处理方法及装置，以至少解决相关技术中的组件库的表格无法实现单选数据行，导致使用不便的技术问题。

根据本发明实施例的一个方面，提供了一种组件库数据处理方法，包括：根据对组件库的数据表格的数据行的点击操作，选中所述数据行；对所述数据表格所有的已选中的数据行进行记录；将所述数据表格的所有选中行取消选中；根据记录的所有选中的数据行中最后一条选中行，变更为选中状态。

可选的，对所述数据表格所有的已选中的数据行进行记录包括：通过所述组件库的第一组件记录所述数据表格中所有选中的数据行，其中，所述第一组件用于设定所述数据表格中的数据行为选中行。

可选的，将所述数据表格的所有选中行取消选中包括：通过所述组件库的第二组件，将所述数据表格的所有选中行取消选中，其中，所述第二组件用于清空所述数据表格中的所有选中行。

可选的，根据对组件库的数据表格的数据行的点击操作，选中所述数据行包括：接收对所述组件库的数据表格的所述数据行的点击操作；响应所述点击操作，触发选择变化事件，其中，所述数据表格中的数据行发生变化时触发所述选择变化事件；通过所述选择变化事件，将数据行的状态变更为选中状态。

可选的，所述组件库为element组件库；所述数据表格为所述element组件库的table数据表格。

可选的，所述组件库的所述第一组件为所述element组件库的set Current Row组件；所述组件库的所述第二组件为所述element组件库的clear Selection组件；所述选择变化事件为所述element组件库的selection change事件。

根据本发明实施例的另一方面，还提供了一种组件库数据处理装置，包括：确定模块，用于根据对组件库的数据表格的数据行的点击操作，确定选中的所述数据行；记录模块，用于对所述数据表格所有的已选中的数据行进行记录；清空模块，用于将所述数据表格的所有选中行取消选中；选中模块，用于根据记录的所有选中的数据行中最后一条选中行，变更为选中状态。

可选的，所述记录模块包括：记录单元，用于通过所述组件库的第一组件记录所述数据表格中所有选中的数据行，其中，所述第一组件用于设定所述数据表格中的数据行为选中行。

根据本发明实施例的另一方面，还提供了一种处理器，其特征在于，所述处理器用于运行程序，其中，所述程序运行时执行上述中任意一项所述的组件库数据处理方法。

根据本发明实施例的另一方面，还提供了一种计算机存储介质，其特征在于，所述计算机存储介质包括存储的程序，其中，在所述程序运行时控制所述计算机存储介质所在设备执行上述中任意一项所述的组件库数据处理方法。

在本发明实施例中，采用根据对组件库的数据表格的数据行的点击操作，选中数据行；对数据表格所有的已选中的数据行进行记录；将数据表格的所有选中行取消选中；根据记录的所有选中的数据行中最后一条选中行，变更为选中状态的方式，达到了有效根据用户需求选中的数据行进行单选操作的目的，从而实现了提高用户使用的便捷性的技术效果，进而解决了相关技术中的组件库的表格无法实现单选数据行，导致使用不便的技术问题。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1是根据本发明实施例的一种组件库数据处理方法的流程图；

图2是根据本发明实施例的一种组件库数据处理装置的示意图。

具体实施方式

为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分的实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。

需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

根据本发明实施例，提供了一种组件库数据处理方法的方法实施例，需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

图1是根据本发明实施例的一种组件库数据处理方法的流程图，如图1所示，该方法包括如下步骤：

步骤S102，根据对组件库的数据表格的数据行的点击操作，选中数据行；

步骤S104，对数据表格所有的已选中的数据行进行记录；

步骤S106，将数据表格的所有选中行取消选中；

步骤S108，根据记录的所有选中的数据行中最后一条选中行，变更为选中状态。

通过上述步骤，采用根据对组件库的数据表格的数据行的点击操作，选中数据行；对数据表格所有的已选中的数据行进行记录；将数据表格的所有选中行取消选中；根据记录的所有选中的数据行中最后一条选中行，变更为选中状态的方式，达到了有效根据用户需求选中的数据行进行单选操作的目的，从而实现了提高用户使用的便捷性的技术效果，进而解决了相关技术中的组件库的表格无法实现单选数据行，导致使用不便的技术问题。

上述组件库可以为element组件库，上述数据表格可以为element组件库的table表格。相关技术中，table数据表格包括多个数据行，每个数据行的状态都可以包括非选中状态和选中状态，不同的数据行的状态相互独立，互不影响，在数据行较多的时候，对该数据行进行单选操作，就需要将表格中的其他数据行均变更为非选中状态，也就需要遍历该数据表格，将已经选中的数据行全部变更为非选中状态，操作负载，效率过低。

本实施例中，对该数据行进行单选操作时，对该数据行进行点击操作，选中该数据行，将该数据行的状态变更为选中状态。

与此同时将该数据表格中已选中的数据行进行记录。具体的，可以通过组件库的一个组件，记录该数据表格中选中的数据行，在一个数据行选中后，将该数据行写入该组件的预定位置，例如，最后一位，这样就可以记录该数据表格中所有被选中的数据行。

然后对该数据表格的所有选中数据行进行取消选中的多项操作，使得该数据表格的所有数据行均变更为非选中状态，然后将该组件中的预定位置的数据行进行读取，根据读取的数据将对应的数据行变更为选中状态，也即是根据记录的所有选中的数据行中最后一条选中行，变更为选中状态，实现对该数据行的单选操作。

可选的，组件库为element组件库；数据表格为element组件库的table数据表格。

可选的，对数据表格所有的已选中的数据行进行记录包括：通过组件库的第一组件记录数据表格中所有选中的数据行，其中，第一组件用于设定数据表格中的数据行为选中行。

上述组件库的第一组件为element组件库的set Current Row组件，该组件用于设定某一数据行为选中行，也即是该数据行的状态位选中状态。并当选中当前行时通过setCurrentRow参数记录所有选中行数据。

可选的，将数据表格的所有选中行取消选中包括：通过组件库的第二组件，将数据表格的所有选中行取消选中，其中，第二组件用于清空数据表格中的所有选中行。

上述组件库的第二组件为element组件库的clear Selection组件，用于清空上述table数据表格中的用户选择行，也即是状态位选中状态的数据行。

可选的，根据对组件库的数据表格的数据行的点击操作，选中数据行包括：接收对组件库的数据表格的数据行的点击操作；响应点击操作，触发选择变化事件，其中，数据表格中的数据行发生变化时触发选择变化事件；通过选择变化事件，将数据行的状态变更为选中状态。

上述选择变化事件为element组件库的selection change事件，用于选择项发生变化时会触发的事件。

可选的，组件库的第一组件为element组件库的set Current Row组件；组件库的第二组件为element组件库的clear Selection组件；选择变化事件为element组件库的selection change事件。

需要说明的是，本申请实施例还提供了一种可选的实施方式，下面对该实施方式进行详细说明。

本实施方式提供了一种基于element table组件实现网站表格单选操作的方法。以根据需要实现选中表格中的某一行数据，以针对选中数据进行后续具体操作。

具体的，element提供了用于选择项发生变化时会触发的事件selection-change，用于清空用户选择行的clearSelection方法，以及用于设定某一行为选中行的setCurrentRow方法，当选中当前行时通过setCurrentRow参数记录所有选中行数据，使用clearSelection使表格所有选中行都成为未选中状态，取之前记录所有选中行数据最后一条数据，设置为setCurrentRow参数调用setCurrentRow方法实现当前点击行为选中状态，实现单选操作。

图2是根据本发明实施例的一种组件库数据处理装置的示意图，如图2所示，根据本发明实施例的另一方面，还提供了一种组件库数据处理装置，包括：确定模块22，记录模块24，清空模块26和选中模块28。下面对该装置进行详细说明。

确定模块22，用于根据对组件库的数据表格的数据行的点击操作，确定选中的数据行；记录模块24，与上述确定模块22相连，用于对数据表格所有的已选中的数据行进行记录；清空模块26，与上述记录模块24相连，用于将数据表格的所有选中行取消选中；选中模块28，与上述清空模块26相连，用于根据记录的所有选中的数据行中最后一条选中行，变更为选中状态。

通过上述装置，采用根据对组件库的数据表格的数据行的点击操作，选中数据行；对数据表格所有的已选中的数据行进行记录；将数据表格的所有选中行取消选中；根据记录的所有选中的数据行中最后一条选中行，变更为选中状态的方式，达到了有效根据用户需求选中的数据行进行单选操作的目的，从而实现了提高用户使用的便捷性的技术效果，进而解决了相关技术中的组件库的表格无法实现单选数据行，导致使用不便的技术问题。

可选的，记录模块包括：记录单元，用于通过组件库的第一组件记录数据表格中所有选中的数据行，其中，第一组件用于设定数据表格中的数据行为选中行。

根据本发明实施例的另一方面，还提供了一种处理器，其特征在于，处理器用于运行程序，其中，程序运行时执行上述中任意一项的组件库数据处理方法。

根据本发明实施例的另一方面，还提供了一种计算机存储介质，其特征在于，计算机存储介质包括存储的程序，其中，在程序运行时控制计算机存储介质所在设备执行上述中任意一项的组件库数据处理方法。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

在本发明的上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。

在本申请所提供的几个实施例中，应该理解到，所揭露的技术内容，可通过其它的方式实现。其中，以上所描述的装置实施例仅仅是示意性的，例如所述单元的划分，可以为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，单元或模块的间接耦合或通信连接，可以是电性或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可为个人计算机、服务器或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述仅是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。