树形列表组件分页方法、装置、电子设备及存储介质与流程

本发明涉及软件，更具体地说，涉及一种树形列表组件分页方法、装置、电子设备及存储介质。

背景技术：

1、列表查询是当前金融场景下的常见功能，为满足当前复杂的业务需求，需要多种形式的数据展示方法。树形列表组件是一种常见的数据展示组件，它将数据分为父级和子级，更加简洁高效。

2、树形列表组件在页面刷新后，首先展示父节点数据，用户通过点击父节点前的图标触发子级数据展开，查看当前父节点下的子节点数据。但当前已有的树形列表组件不支持多种形式分页，这会导致在数据量大的情况下，难以快速找到目标数据。

技术实现思路

1、有鉴于此，为解决上述问题，本发明提供一种树形列表组件分页方法、装置、电子设备及存储介质，技术方案如下：

2、一种树形列表组件分页方法，所述树形列表组件分页方法包括：

3、获取分页配置属性；

4、如果所述分页配置属性表征分页模式，对树形列表组件和分页器绑定同一数据源，并通过所述数据源将第一数据请求发送给后端，所述第一数据请求中携带有分页参数，所述分页参数与所述分页模式相匹配；

5、获取所述后端所返回的第一树形结构数据，通过所述树形列表组件将所述第一树形结构数据渲染为第一树形结构列表，并在页面加载时，通过所述分页器按照所述分页参数为所述第一树形结构列表添加分页切换按钮。

6、优选的，所述树形列表组件分页方法还包括：

7、如果所述分页配置属性表征单页模式，通过所述数据源将第二数据请求发送给后端，所述第二数据请求中携带有单页参数，所述单页参数与所述单页模式相匹配；

8、获取所述后端所返回的第二树形结构数据，通过所述树形列表组件将所述第二树形结构数据渲染为第二树形结构列表。

9、优选的，所述分页模式包括父级分页模式，所述分页参数为父级分页参数；

10、所述通过所述分页器按照所述分页参数为所述第一树形结构列表添加分页切换按钮，包括：

11、通过所述分页器按照所述父级分页参数在所述第一树形结构列表的底部添加父级分页切换按钮。

12、优选的，所述分页模式包括子级分页模式，所述分页参数为子级分页参数；

13、所述通过所述分页器按照所述分页参数为所述第一树形结构列表添加分页切换按钮，包括：

14、通过所述分页器全量输出所述第一树形结构列表中的父节点，并按照所述子级分页参数为所述父节点添加子级分页切换按钮。

15、优选的，所述分页模式包括父子混合分页模式，所述分页参数为父子混和分页参数；

16、所述通过所述分页器按照所述分页参数为所述第一树形结构列表添加分页切换按钮，包括：

17、通过所述分页器按照所述父子混和分页参数在所述第一树形结构列表的底部添加父级分页切换按钮、以及为所述树形结构列表中的父节点添加子级分页切换按钮。

18、一种树形列表组件分页装置，所述树形列表组件分页装置包括：

19、属性获取模块，用于获取分页配置属性；

20、分页处理模块，用于如果所述分页配置属性表征分页模式，对树形列表组件和分页器绑定同一数据源，并通过所述数据源将第一数据请求发送给后端，所述第一数据请求中携带有分页参数，所述分页参数与所述分页模式相匹配；获取所述后端所返回的第一树形结构数据，通过所述树形列表组件将所述第一树形结构数据渲染为第一树形结构列表，并在页面加载时，通过所述分页器按照所述分页参数为所述第一树形结构列表添加分页切换按钮。

21、优选的，所述树形列表组件分页装置还包括：

22、单页处理模块，用于如果所述分页配置属性表征单页模式，通过所述数据源将第二数据请求发送给后端，所述第二数据请求中携带有单页参数，所述单页参数与所述单页模式相匹配；获取所述后端所返回的第二树形结构数据，通过所述树形列表组件将所述第二树形结构数据渲染为第二树形结构列表。

23、优选的，所述分页模式包括父级分页模式，所述分页参数为父级分页参数；

24、用于通过所述分页器按照所述分页参数为所述第一树形结构列表添加分页切换按钮的分页处理模块，具体用于：

25、通过所述分页器按照所述父级分页参数在所述第一树形结构列表的底部添加父级分页切换按钮。

26、一种电子设备，所述电子设备包括：至少一个存储器和至少一个处理器；所述存储器存储有应用程序，所述处理器调用所述存储器存储的应用程序，所述应用程序用于实现所述的树形列表组件分页方法。

27、一种存储介质，所述存储介质存储有计算机程序代码，所述计算机程序代码执行时实现所述的树形列表组件分页方法。

28、相较于现有技术，本发明实现的有益效果为：

29、本发明提供一种树形列表组件分页方法、装置、电子设备及存储介质，获取分页配置属性；如果分页配置属性表征分页模式，对树形列表组件和分页器绑定同一数据源，并通过数据源将第一数据请求发送给后端，第一数据请求中携带有分页参数，分页参数与所述分页模式相匹配；获取后端所返回的第一树形结构数据，通过树形列表组件将第一树形结构数据渲染为第一树形结构列表，并在页面加载时，通过分页器按照分页参数为第一树形结构列表添加分页切换按钮。本发明能够在前端展示分页模式的树形结构列表，使用者可以通过按钮实现分页切换，以此适应复杂多变且数据量庞大的金融场景。

技术特征：

1.一种树形列表组件分页方法，其特征在于，所述树形列表组件分页方法包括：

2.根据权利要求1所述的树形列表组件分页方法，其特征在于，所述树形列表组件分页方法还包括：

3.根据权利要求1所述的树形列表组件分页方法，其特征在于，所述分页模式包括父级分页模式，所述分页参数为父级分页参数；

4.根据权利要求1所述的树形列表组件分页方法，其特征在于，所述分页模式包括子级分页模式，所述分页参数为子级分页参数；

5.根据权利要求1所述的树形列表组件分页方法，其特征在于，所述分页模式包括父子混合分页模式，所述分页参数为父子混和分页参数；

6.一种树形列表组件分页装置，其特征在于，所述树形列表组件分页装置包括：

7.根据权利要求6所述的树形列表组件分页装置，其特征在于，所述树形列表组件分页装置还包括：

8.根据权利要求6所述的树形列表组件分页装置，其特征在于，所述分页模式包括父级分页模式，所述分页参数为父级分页参数；

9.一种电子设备，其特征在于，所述电子设备包括：至少一个存储器和至少一个处理器；所述存储器存储有应用程序，所述处理器调用所述存储器存储的应用程序，所述应用程序用于实现权利要求1-5任意一项所述的树形列表组件分页方法。

10.一种存储介质，其特征在于，所述存储介质存储有计算机程序代码，所述计算机程序代码执行时实现权利要求1-5任意一项所述的树形列表组件分页方法。

技术总结
本发明提供一种树形列表组件分页方法、装置、电子设备及存储介质，获取分页配置属性；如果分页配置属性表征分页模式，对树形列表组件和分页器绑定同一数据源，并通过数据源将第一数据请求发送给后端，第一数据请求中携带有分页参数，分页参数与所述分页模式相匹配；获取后端所返回的第一树形结构数据，通过树形列表组件将第一树形结构数据渲染为第一树形结构列表，并在页面加载时，通过分页器按照分页参数为第一树形结构列表添加分页切换按钮。本发明能够在前端展示分页模式的树形结构列表，使用者可以通过按钮实现分页切换，以此适应复杂多变且数据量庞大的金融场景。

技术研发人员：岳童,田堉攀
受保护的技术使用者：中国农业银行股份有限公司
技术研发日：
技术公布日：2024/2/29