基于页面交互组件的操作处理方法、装置、设备及介质与流程

技术特征：
1.一种基于页面交互组件的操作处理方法，其特征在于，所述方法包括：接收组件操作事件，所述组件操作事件用于指示对目标页面中预配的页面交互组件进行所述组件操作事件所指示的目标操作处理，所述页面交互组件为采用基于虚拟框架的下拉框和虚拟树结合的方式渲染到所述目标页面中的，且所述页面交互组件支持数据转换处理；响应所述组件操作事件，基于所述页面交互组件进行所述组件操作事件所指示的目标操作处理。2.根据权利要求1所述的方法，其特征在于，所述组件操作事件包括以下交互事件中的至少一项：下拉框的筛选操作、单选操作、复选操作及全选操作，所述方法还包括：将所述组件操作事件所指示的交互处理时，所选择的选项数据进行显示和提示处理。3.根据权利要求1所述的方法，其特征在于，所述组件操作事件包括文本框失去焦点事件，所述响应所述组件操作事件，基于所述页面交互组件进行所述组件操作事件所指示的目标操作处理包括：响应所述文本框失去焦点事件，在基于所述页面交互组件输入模糊查询条件后，若检测到所述目标页面中空白区域的点击操作时，清空输入的所述模糊查询条件，将所述页面交互组件还原至预设的初始状态。4.根据权利要求1所述的方法，其特征在于，所述方法还包括：输出所述页面交互组件相关的属性参数，所述属性参数包括以下中的至少一项：选项option、输入值value、占位符placeholder、出厂默认参数factorydefault、空值参数shownullvalue、及无用参数disabled。5.根据权利要求1所述的方法，其特征在于，所述方法还包括：接收所述页面交互组件的输入数据；在检测到所述页面交互组件的输入数据中包括空值数据时，将所述空值数据转换为空字符串。6.根据权利要求1所述的方法，其特征在于，所述接收组件操作事件之前，所述方法还包括：定义所述页面交互组件所支持的功能操作；采用组件封装模式，并运用基于所述虚拟框架的下拉框和所述虚拟树相结合的方式将定义后的所述页面交互组件渲染至所述目标页面中；为所述页面交互组件，编写及定义对应的操作处理逻辑；对传入所述页面交互组件中的输入数据进行数据结构转换，以转换为所述页面交互组件所需使用的目标数据；将所述目标数据集成于所述页面交互组件中；其中，所述功能操作包括以下中的至少一项：下拉框的筛选操作、单选操作、复选操作及全选操作。7.根据权利要求6所述的方法，其特征在于，所述为所述页面交互组件，编写及定义对应的操作处理逻辑包括：定义所述页面交互组件支持筛选的输入框；定义初始化方法，及对所述虚拟树中设置的渲染数据进行渲染；
定义所述页面交互组件所支持的筛选方法，以对筛选后的数据进行对应预设逻辑处理；定义所述页面交互组件所支持的键盘输入事件，以获得最新的渲染数据；定义所述页面交互组件所支持的复选框切换事件，以调用对应的复选操作交互事件；定义所述页面交互组件所支持的关闭标签事件，以更新与所述页面交互组件相关的数据。8.一种基于页面交互组件的操作处理装置，其特征在于，所述装置包括：接收模块和处理模块，其中：所述接收模块，用于接收组件操作事件，所述组件操作事件用于指示对目标页面中预配的页面交互组件进行所述组件操作事件所指示的目标操作处理，所述页面交互组件为采用基于虚拟框架的下拉框和虚拟树结合的方式渲染到所述目标页面中的，且所述页面交互组件支持数据转换处理；所述处理模块，用于响应所述组件操作事件，基于所述页面交互组件进行所述组件操作事件所指示的目标操作处理。9.一种终端设备，其特征在于，所述终端设备包括：处理器、存储器、通信接口和总线；所述处理器、所述存储器和所述通信接口通过所述总线连接并完成相互间的通信；所述存储器存储可执行程序代码；所述处理器通过读取所述存储器中存储的可执行程序代码来运行与所述可执行程序代码对应的程序，以用于执行如上权利要求1-7中任一项所述的基于页面交互组件的操作处理方法。10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有程序，当所述程序运行在终端设备时执行如上权利要求1-7中任一项所述的基于页面交互组件的操作处理方法。

技术总结
本发明公开了一种基于页面交互组件的操作处理方法、装置、设备及介质，其中所述方法包括：接收组件操作事件，所述组件操作事件用于指示对目标页面中预配的页面交互组件进行所述组件操作事件所指示的目标操作处理，所述页面交互组件为采用基于虚拟框架的下拉框和虚拟树结合的方式渲染到所述目标页面中的，且所述页面交互组件支持数据转换处理；响应所述组件操作事件，基于所述页面交互组件进行所述组件操作事件所指示的目标操作处理。采用本发明，能解决现有选择select组件下拉框中存在渲染卡顿、下拉滑动不流畅及内存溢出等技术问题。题。题。


技术研发人员：段丽伟 杨丽影
受保护的技术使用者：上海杉数网络科技有限公司 杉数科技（苏州）有限公司 深圳市杉智科技有限公司
技术研发日：2021.12.17
技术公布日：2022/3/22