一种下拉框组件加载方法及相关装置制造方法及图纸

本申请实施例公开了一种下拉框组件加载方法及相关装置，可应用于金融领域或其他领域。其中该方法包括：加载表单页面时，针对所述表单页面包括的每个下拉框组件，加载所述下拉框组件下的前n条下拉选项；所述n为大于1的整数，并且所述n小于所述下拉框组件下的下拉选项的总数目；检测到用户针对目标下拉框组件触发点击操作后，显示所述目标下拉框组件下的前n条下拉选项；若检测到所述用户针对所述目标下拉框组件下的下拉选项触发目标滚动事件，则加载所述目标下拉框组件下的第n+1条下拉选项至第2n条下拉选项。该方法能够降低加载表单页面时所需消耗的资源，避免出现加载表单页面时出现卡顿的情况。出现卡顿的情况。出现卡顿的情况。

【技术实现步骤摘要】
一种下拉框组件加载方法及相关装置


[0001]本申请涉及计算机
，具体涉及一种下拉框组件加载方法及相关装置。

技术介绍

[0002]对于银行来说，其内部的信息管理系统中往往存在大量的表单，而每张表单中又包括大量的表单项，表单项中的下拉框还存在大量的选项。每一次加载表单页面时，需要同时加载下拉框中的全部选项，这将导致所需加载的DOM树结构非常庞大，加载表单页面时系统的资源消耗急剧上升，容易导致低版本的浏览器加载表单页面时出现卡顿的情况。

技术实现思路

[0003]本申请实施例提供了一种下拉框组件加载方法及相关装置，能够降低加载表单页面时所需消耗的资源，避免出现加载表单页面时出现卡顿的情况。
[0004]有鉴于此，本申请第一方面提供了一种下拉框组件加载方法，所述方法包括：
[0005]加载表单页面时，针对所述表单页面包括的每个下拉框组件，加载所述下拉框组件下的前n条下拉选项；所述n为大于1的整数，并且所述n小于所述下拉框组件下的下拉选项的总数目；
[0006]检测到用户针对目标下拉框组件触发点击操作后，本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种下拉框组件加载方法，其特征在于，所述方法包括：加载表单页面时，针对所述表单页面包括的每个下拉框组件，加载所述下拉框组件下的前n条下拉选项；所述n为大于1的整数，并且所述n小于所述下拉框组件下的下拉选项的总数目；检测到用户针对目标下拉框组件触发点击操作后，显示所述目标下拉框组件下的前n条下拉选项；若检测到所述用户针对所述目标下拉框组件下的下拉选项触发目标滚动事件，则加载所述目标下拉框组件下的第n+1条下拉选项至第2n条下拉选项。2.根据权利要求1所述的方法，其特征在于，所述若检测到所述用户针对所述目标下拉框组件下的下拉选项触发目标滚动事件，则加载所述目标下拉框组件下的第n+1条下拉选项至第2n条下拉选项，包括：若检测到所述用户将所述目标下拉框组件下的前n条下拉选项滚动至底部，则加载所述目标下拉框组件下的第n+1条下拉选项至第2n条下拉选项。3.根据权利要求1或2所述的方法，其特征在于，所述加载所述目标下拉框组件下的第n+1条下拉选项至第2n条下拉选项，包括：在客户端从后台服务端获取到所述表单页面中各个下拉框组件下的全量下拉选项的情况下，从所述目标下拉框组件下的全量下拉选项中获取第n+1条下拉选项至第2n条下拉选项，加载所述第n+1条下拉选项至第2n条下拉选项；在所述客户端从所述后台服务端获取到所述表单页面中各个下拉框组件下的前n条下拉选项的情况下，生成第一下拉选项获取请求发送给所述后台服务端，以使所述后台服务端获取所述目标下拉框组件下的第n+1条下拉选项至第2n条下拉选项并反馈给所述客户端。4.根据权利要求1所述的方法，其特征在于，所述方法还包括：当所述目标下拉框组件的输入框中包括初始选项时，在所述目标下拉框组件下的全量下拉选项中查找所述初始选项对应的下拉选项；控制将所述初始选项对应的下拉选项，作为所述目标下拉框组件下的第一条下拉选项来显示。5.根据权利要求4所述的方法，其特征在于，所述在所述目标下拉框组件下的全量下拉选项中查找所述初始选项对应的下拉选项，包括：在客户端从后台服务端获取到所述表单页面中各个下拉框组件下的全量下拉选项的情况下，基于所获取的所述目标下拉框组件下的全量下拉选项，查找所述初始选项对应的下拉选项；在所述客户端从所述后台服务端...

【专利技术属性】
技术研发人员：刘健能，叶洋东，
申请(专利权)人：中国银行股份有限公司，
类型：发明
国别省市：