本申请公开了一种分页穿梭框实现方法、装置、设备及存储介质，包括：获取待配置穿梭框的配置参数，并对配置参数进行解析以确定相应的分页参数及不同的数据源；分页参数用于控制数据项的分页显示结果，数据源用于存储在穿梭框中显示的数据项；利用分页参数对待配置穿梭框进行配置，并通过tab标签的方式将不同的数据源映射至待配置穿梭框的显示界面，得到对应的候选框及选中框。本申请通过获取并解析待配置穿梭框的配置参数确定分页参数及数据源，然后利用分页参数进行配置并将数据源以tab标签的方式映射至待配置穿梭框的显示界面，从而得到的穿梭框能够同时对多个数据源的数据进行处理，在保证页面性能的情况下提高数据处理效率，用户体验感较强。用户体验感较强。用户体验感较强。
【技术实现步骤摘要】
一种分页穿梭框实现方法、装置、设备及存储介质
[0001]本专利技术涉及计算机
，特别涉及一种分页穿梭框实现方法、装置、设备及存储介质。
技术介绍
[0002]随着互联网的普及，网站的数量越来越多，在网页内处理数据，要对数据进行选择时，穿梭框无疑是最佳的选择，使用穿梭框对数据进行选择时，使用方法比较简单并且能够实时看到自己选中了哪些数据，这能够给用户带来良好的体验。现有技术中的穿梭框在处理数据时，一方面，由于需要一次性将大量的数据渲染在页面上，会导致页面的性能降低，出现页面卡顿或者页面崩溃等问题。另一方面，现有穿梭框在处理数据时不支持穿梭框与后台进行交互，无法对数据源进行后台过滤，使得提供选择的数据源只能是同一种数据源，不能处理多种不同的数据源，数据处理灵活度比较低、性能不高、用户体验较差。
[0003]因此，如何提供一种能够处理大量数据的分页穿梭框是本领域技术人员亟待解决的技术问题。
技术实现思路
[0004]有鉴于此，本专利技术的目的在于提供一种分页穿梭框实现方法、装置、设备及存储介质，能够在保证页面性能的情况下提高数据处理效率。其具体方案如下：
[0005]本申请的第一方面提供了一种分页穿梭框实现方法，包括：
[0006]获取待配置穿梭框的配置参数，并对所述配置参数进行解析以确定相应的分页参数及不同的数据源；其中，所述分页参数用于控制数据项的分页显示结果，所述数据源用于存储在穿梭框中显示的数据项；
[0007]利用所述分页参数对所述待配置穿梭框进行配置，并通过tab标签的方式将不同的所述数据源映射至所述待配置穿梭框的显示界面，以得到与所述待配置穿梭框对应的候选框及选中框；其中，所述候选框携带不同的所述tab标签用于对待选择数据项进行显示，所述选中框用于对所述候选区域中的已选择数据项进行显示。
[0008]可选的，所述分页穿梭框实现方法，还包括：
[0009]对所述配置参数进行解析以确定相应的目标组件，并利用所述目标组件对所述候选框及所述选中框进行配置。
[0010]可选的，所述对所述配置参数进行解析以确定相应的目标组件，并利用所述目标组件对所述候选框及所述选中框进行配置，包括：
[0011]对所述配置参数进行解析以确定相应的搜索框组件，并将所述搜索框组件分别在所述候选框的各个tab标签页面进行配置，以通过所述搜索框组件从与所述tab标签页面对应的所述数据源中筛选出与所述搜索框组件中的输入信息对应的数据项并在所述候选框进行显示。
[0012]可选的，所述通过所述搜索框组件从与所述tab标签页面对应的所述数据源中筛
选出与所述搜索框组件中的输入信息对应的数据项并在所述候选框进行显示，包括：
[0013]对所述搜索框组件的输入事件进行监听，当监听到所述输入事件，则通过调用与所述tab标签页面对应的所述数据源的后台接口筛选出与输入信息对应的数据项；
[0014]根据所述分页参数对与输入信息对应的数据项进行重新分页，并将重新分页结果在所述候选框进行显示。
[0015]可选的，所述对所述配置参数进行解析以确定相应的目标组件，并利用所述目标组件对所述候选框及所述选中框进行配置，包括：
[0016]对所述配置参数进行解析以确定相应的全选组件，并将所述全选组件分别在所述候选框及所述选中框中进行配置，以通过所述全选组件对所述数据项的列表进行全选。
[0017]可选的，所述分页穿梭框实现方法，还包括：
[0018]通过添加禁用标识符的方式对所述数据源中的数据项进行处理，以得到处于禁用状态的数据项；其中，所述处于禁用状态的数据项在所述候选框中禁止被选中。
[0019]可选的，所述分页穿梭框实现方法，还包括：
[0020]所述候选框与所述选中框中的数据项通过穿梭按钮进行交互；
[0021]当所述候选框中不存在选中数据项，则将从所述候选框方向向所述选中框方向进行数据穿梭的所述穿梭按钮设置为不可用状态，当所述选中框中不存在选中数据项，则将从所述选中框方向向所述候选框方向进行数据穿梭的所述穿梭按钮设置为不可用状态。
[0022]本申请的第二方面提供了一种分页穿梭框实现装置，包括：
[0023]获取模块11，用于获取待配置穿梭框的配置参数，并对所述配置参数进行解析以确定相应的分页参数及不同的数据源；其中，所述分页参数用于控制数据项的分页显示结果，所述数据源用于存储在穿梭框中显示的数据项；
[0024]配置模块12，用于利用所述分页参数对所述待配置穿梭框进行配置，并通过tab标签的方式将不同的所述数据源映射至所述待配置穿梭框的显示界面，以得到与所述待配置穿梭框对应的候选框及选中框；其中，所述候选框携带不同的所述tab标签用于对待选择数据项进行显示，所述选中框用于对所述候选区域中的已选择数据项进行显示。
[0025]本申请的第三方面提供了一种电子设备，所述电子设备包括处理器和存储器；其中所述存储器用于存储计算机程序，所述计算机程序由所述处理器加载并执行以实现前述分页穿梭框实现方法。
[0026]本申请的第四方面提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机可执行指令，所述计算机可执行指令被处理器加载并执行时，实现前述分页穿梭框实现方法。
[0027]本申请中，先获取待配置穿梭框的配置参数，并对所述配置参数进行解析以确定相应的分页参数及不同的数据源；其中，所述分页参数用于控制数据项的分页显示结果，所述数据源用于存储在穿梭框中显示的数据项。然后利用所述分页参数对所述待配置穿梭框进行配置，并通过tab标签的方式将不同的所述数据源映射至所述待配置穿梭框的显示界面，以得到与所述待配置穿梭框对应的候选框及选中框；其中，所述候选框携带不同的所述tab标签用于对待选择数据项进行显示，所述选中框用于对所述候选区域中的已选择数据项进行显示。本申请通过获取并解析待配置穿梭框的配置参数确定分页参数及数据源，然后利用分页参数进行配置并将数据源以tab标签的方式映射至待配置穿梭框的显示界面，
从而得到的穿梭框能够同时对多个数据源的数据进行处理，在保证页面性能的情况下提高数据处理效率，用户体验感较强。
附图说明
[0028]为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。
[0029]图1为本申请提供的一种分页穿梭框实现方法流程图；
[0030]图2为本申请提供的一种具体的分页穿梭框显示界面；
[0031]图3为本申请提供的一种分页穿梭框实现装置结构示意图；
[0032]图4为本申请提供的一种分页穿梭框实现电子设备结构图。
具体实施方式
[0033]下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种分页穿梭框实现方法，其特征在于，包括：获取待配置穿梭框的配置参数，并对所述配置参数进行解析以确定相应的分页参数及不同的数据源；其中，所述分页参数用于控制数据项的分页显示结果，所述数据源用于存储在穿梭框中显示的数据项；利用所述分页参数对所述待配置穿梭框进行配置，并通过tab标签的方式将不同的所述数据源映射至所述待配置穿梭框的显示界面，以得到与所述待配置穿梭框对应的候选框及选中框；其中，所述候选框携带不同的所述tab标签用于对待选择数据项进行显示，所述选中框用于对所述候选区域中的已选择数据项进行显示。2.根据权利要求1所述的分页穿梭框实现方法，其特征在于，还包括：对所述配置参数进行解析以确定相应的目标组件，并利用所述目标组件对所述候选框及所述选中框进行配置。3.根据权利要求2所述的分页穿梭框实现方法，其特征在于，所述对所述配置参数进行解析以确定相应的目标组件，并利用所述目标组件对所述候选框及所述选中框进行配置，包括：对所述配置参数进行解析以确定相应的搜索框组件，并将所述搜索框组件分别在所述候选框的各个tab标签页面进行配置，以通过所述搜索框组件从与所述tab标签页面对应的所述数据源中筛选出与所述搜索框组件中的输入信息对应的数据项并在所述候选框进行显示。4.根据权利要求3所述的分页穿梭框实现方法，其特征在于，所述通过所述搜索框组件从与所述tab标签页面对应的所述数据源中筛选出与所述搜索框组件中的输入信息对应的数据项并在所述候选框进行显示，包括：对所述搜索框组件的输入事件进行监听，当监听到所述输入事件，则通过调用与所述tab标签页面对应的所述数据源的后台接口筛选出与输入信息对应的数据项；根据所述分页参数对与输入信息对应的数据项进行重新分页，并将重新分页结果在所述候选框进行显示。5.根据权利要求2所述的分页穿梭框实现方法，其特征在于，所述对所述配置参数进行解析以确定相应的目标组件，并利用所述目标组件对所述候选框及所述选...
【专利技术属性】
技术研发人员：罗徐斌，范渊，杨勃，
申请(专利权)人：杭州安恒信息技术股份有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。