[发明专利]一种分页穿梭框实现方法、装置、设备及存储介质

说明书

本申请公开了一种分页穿梭框实现方法、装置、设备及存储介质，包括：获取待配置穿梭框的配置参数，并对配置参数进行解析以确定相应的分页参数及不同的数据源；分页参数用于控制数据项的分页显示结果，数据源用于存储在穿梭框中显示的数据项；利用分页参数对待配置穿梭框进行配置，并通过tab标签的方式将不同的数据源映射至待配置穿梭框的显示界面，得到对应的候选框及选中框。本申请通过获取并解析待配置穿梭框的配置参数确定分页参数及数据源，然后利用分页参数进行配置并将数据源以tab标签的方式映射至待配置穿梭框的显示界面，从而得到的穿梭框能够同时对多个数据源的数据进行处理，在保证页面性能的情况下提高数据处理效率，用户体验感较强。

技术领域

本发明涉及计算机技术领域，特别涉及一种分页穿梭框实现方法、装置、设备及存储介质。

背景技术

随着互联网的普及，网站的数量越来越多，在网页内处理数据，要对数据进行选择时，穿梭框无疑是最佳的选择，使用穿梭框对数据进行选择时，使用方法比较简单并且能够实时看到自己选中了哪些数据，这能够给用户带来良好的体验。现有技术中的穿梭框在处理数据时，一方面，由于需要一次性将大量的数据渲染在页面上，会导致页面的性能降低，出现页面卡顿或者页面崩溃等问题。另一方面，现有穿梭框在处理数据时不支持穿梭框与后台进行交互，无法对数据源进行后台过滤，使得提供选择的数据源只能是同一种数据源，不能处理多种不同的数据源，数据处理灵活度比较低、性能不高、用户体验较差。

因此，如何提供一种能够处理大量数据的分页穿梭框是本领域技术人员亟待解决的技术问题。

发明内容

有鉴于此，本发明的目的在于提供一种分页穿梭框实现方法、装置、设备及存储介质，能够在保证页面性能的情况下提高数据处理效率。其具体方案如下：

本申请的第一方面提供了一种分页穿梭框实现方法，包括：

获取待配置穿梭框的配置参数，并对所述配置参数进行解析以确定相应的分页参数及不同的数据源；其中，所述分页参数用于控制数据项的分页显示结果，所述数据源用于存储在穿梭框中显示的数据项；

利用所述分页参数对所述待配置穿梭框进行配置，并通过tab标签的方式将不同的所述数据源映射至所述待配置穿梭框的显示界面，以得到与所述待配置穿梭框对应的候选框及选中框；其中，所述候选框携带不同的所述tab标签用于对待选择数据项进行显示，所述选中框用于对所述候选区域中的已选择数据项进行显示。

可选的，所述分页穿梭框实现方法，还包括：

对所述配置参数进行解析以确定相应的目标组件，并利用所述目标组件对所述候选框及所述选中框进行配置。

可选的，所述对所述配置参数进行解析以确定相应的目标组件，并利用所述目标组件对所述候选框及所述选中框进行配置，包括：

对所述配置参数进行解析以确定相应的搜索框组件，并将所述搜索框组件分别在所述候选框的各个tab标签页面进行配置，以通过所述搜索框组件从与所述tab标签页面对应的所述数据源中筛选出与所述搜索框组件中的输入信息对应的数据项并在所述候选框进行显示。

可选的，所述通过所述搜索框组件从与所述tab标签页面对应的所述数据源中筛选出与所述搜索框组件中的输入信息对应的数据项并在所述候选框进行显示，包括：

对所述搜索框组件的输入事件进行监听，当监听到所述输入事件，则通过调用与所述tab标签页面对应的所述数据源的后台接口筛选出与输入信息对应的数据项；

根据所述分页参数对与输入信息对应的数据项进行重新分页，并将重新分页结果在所述候选框进行显示。

可选的，所述对所述配置参数进行解析以确定相应的目标组件，并利用所述目标组件对所述候选框及所述选中框进行配置，包括：