[发明专利]基于页面交互组件的操作处理方法、装置、设备及介质

权利要求书

1.一种基于页面交互组件的操作处理方法，其特征在于，所述方法包括：

接收组件操作事件，所述组件操作事件用于指示对目标页面中预配的页面交互组件进行所述组件操作事件所指示的目标操作处理，所述页面交互组件为采用基于虚拟框架的下拉框和虚拟树结合的方式渲染到所述目标页面中的，且所述页面交互组件支持数据转换处理；

响应所述组件操作事件，基于所述页面交互组件进行所述组件操作事件所指示的目标操作处理。

2.根据权利要求1所述的方法，其特征在于，所述组件操作事件包括以下交互事件中的至少一项：下拉框的筛选操作、单选操作、复选操作及全选操作，所述方法还包括：

将所述组件操作事件所指示的交互处理时，所选择的选项数据进行显示和提示处理。

3.根据权利要求1所述的方法，其特征在于，所述组件操作事件包括文本框失去焦点事件，所述响应所述组件操作事件，基于所述页面交互组件进行所述组件操作事件所指示的目标操作处理包括：

响应所述文本框失去焦点事件，在基于所述页面交互组件输入模糊查询条件后，若检测到所述目标页面中空白区域的点击操作时，清空输入的所述模糊查询条件，将所述页面交互组件还原至预设的初始状态。

4.根据权利要求1所述的方法，其特征在于，所述方法还包括：

输出所述页面交互组件相关的属性参数，所述属性参数包括以下中的至少一项：选项option、输入值value、占位符placeholder、出厂默认参数factoryDefault、空值参数showNullValue、及无用参数disabled。

5.根据权利要求1所述的方法，其特征在于，所述方法还包括：

接收所述页面交互组件的输入数据；

在检测到所述页面交互组件的输入数据中包括空值数据时，将所述空值数据转换为空字符串。

6.根据权利要求1所述的方法，其特征在于，所述接收组件操作事件之前，所述方法还包括：

定义所述页面交互组件所支持的功能操作；

采用组件封装模式，并运用基于所述虚拟框架的下拉框和所述虚拟树相结合的方式将定义后的所述页面交互组件渲染至所述目标页面中；

为所述页面交互组件，编写及定义对应的操作处理逻辑；

对传入所述页面交互组件中的输入数据进行数据结构转换，以转换为所述页面交互组件所需使用的目标数据；

将所述目标数据集成于所述页面交互组件中；

其中，所述功能操作包括以下中的至少一项：下拉框的筛选操作、单选操作、复选操作及全选操作。

7.根据权利要求6所述的方法，其特征在于，所述为所述页面交互组件，编写及定义对应的操作处理逻辑包括：

定义所述页面交互组件支持筛选的输入框；

定义初始化方法，及对所述虚拟树中设置的渲染数据进行渲染；

定义所述页面交互组件所支持的筛选方法，以对筛选后的数据进行对应预设逻辑处理；

定义所述页面交互组件所支持的键盘输入事件，以获得最新的渲染数据；

定义所述页面交互组件所支持的复选框切换事件，以调用对应的复选操作交互事件；

定义所述页面交互组件所支持的关闭标签事件，以更新与所述页面交互组件相关的数据。

8.一种基于页面交互组件的操作处理装置，其特征在于，所述装置包括：接收模块和处理模块，其中：

所述接收模块，用于接收组件操作事件，所述组件操作事件用于指示对目标页面中预配的页面交互组件进行所述组件操作事件所指示的目标操作处理，所述页面交互组件为采用基于虚拟框架的下拉框和虚拟树结合的方式渲染到所述目标页面中的，且所述页面交互组件支持数据转换处理；

所述处理模块，用于响应所述组件操作事件，基于所述页面交互组件进行所述组件操作事件所指示的目标操作处理。