简介：

树状视图用于向用户呈现信息的层次结构视图。

示例树状视图：

本文档将提供在SAP CRM Web UI中创建树状视图的详细步骤。此外，还详细给出了这些方法的完整代码，以帮助任何人在SAP CRM Web UI中创建树视图。

请注意：博客文章中给出的截图是从我使用以下步骤从头开始构建的树视图中获取的。博客文章中给出的代码是创建树状视图的代码。

在SAP CRM Web UI中创建树状视图的步骤：

创建带必需字段的表视图将上下文节点的超类更改为CL\u BSP\u WD\u Context\u Node\u树添加编码。表格视图的htm页。执行必要的配置，将字段从可用字段添加到显示的字段。创建Overview页面，将结果视图添加到Overview页面，并进行必要的配置。转到表视图的IMPL类，并在DO\u INIT\u CONTEXT方法中添加编码以填充树视图的值。父事务id在ZPARENT字段中提到。创建一个新的类作为上下文节点类的副本，并将超类更改为CL\u BSP\u WD\u TREE\u Node\u PROXY。重新定义"IF\u BSP\u WD\u TREE\u NODE~GET\u CHILDREN"方法，云服务器器，添加attributes COLLECTION\u WRAPPER、GR\u TREE（键入Ref to ZL\u ZTREE\u TREEVIEW\u CN00）并激活该类。修改新建类中字段的GET方法中的编码。在上下文节点类的public部分添加一个全局内部表。向创建的上下文节点添加属性。在Context Node类的REFRESH方法中重新定义并添加编码，以建立两个自定义类之间的链接，并将树节点的值添加到全局内部表中。在视图控制器类中创建一个方法GET\ CONTEXT\ NODE，品高云，并添加编码以获取上下文节点的详细信息。在Context Node类中创建一个方法DO\u ON\u PREPARE\u OUTPUT，并添加代码来调用REFRESH和BUILD方法。在Context Node类中创建一个GET\u PARENT\u CHILD方法，并添加编码以将全局内部表详细信息传递到类中的局部变量中。在方法IF\u BSP\u WD\u TREE\u NODE~GET\u CHILDREN中添加编码，以调用方法GET\u PARENT\u CHILD来获取树的值并创建所有子节点。从DO\u PREPARE\u OUTPUT方法调用DO\u ON \u PREPARE\u OUTPUT。创建用于展开和折叠的事件处理程序，并在事件处理程序中相应地添加编码。

现在让我们按照上述步骤逐个创建树视图。

创建带有必需字段的表视图

首先为表视图创建带有必需字段的结构。

现在从t代码bsp\U wd\U cmpwb。

在每个阶段单击"继续"完成向导。

单击"继续"完成向导向导。现在组件和上下文节点如下所示。

将上下文节点的超类更改为CL\u BSP\u WD\u Context\u node\u TREE

单击Change inheritation并将超类更改为CL\u BSP\u WD\u CONTEXT\u NODE\u TREE.

添加编码。表格视图的htm页。

在.htm页中编码如下：

现在上下文节点变为树，如下面的屏幕截图所示：

进行必要的配置，将字段从可用字段添加到显示字段。

创建概述页，将结果视图添加到概述页，并执行必要的操作配置。

现在将视图添加到视图集中。

现在将视图集添加到窗口中。

现在在概览页中进行配置。

转到表视图的IMPL类，并在do\u INIT\u CONTEXT方法中添加编码以填充树视图的值。父事务id在ZPARENT字段中提到。

DO\u INIT\u CONTEXT方法中的完整代码如下：

创建一个新类作为CONTEXT Node类的副本，并将超类更改为CL\u BSP\u WD\u TREE\u Node\u PROXY。

重新定义方法"IF\u BSP\u WD\u TREE\u Node~GET\u CHILDREN"，北京大数据公司有哪些，添加属性集合\u WRAPPER，GR\u TREE（键入Ref to ZL\u ZTREE\u TREEVIEW\u CN00）并激活该类。

在新建类的字段的GET方法中修改编码。

在上下文节点类的public部分添加一个全局内部表。

单击按钮。

在弹出窗口中单击Yes并添加编码，如下所示：

向上下文添加属性节点类

在上下文节点类的刷新方法中重新定义并添加编码，学生云服务器，建立两个自定义类之间的链接，并将树节点的值添加到全局内部表中

刷新方法中的完整代码如下：

一旦刷新方法被激活，自定义类之间的链接按照下面的屏幕截图建立，

在view controller类中创建一个方法GET\u CONTEXT\u NODE并添加编码以获取上下文节点的详细信息，

在GET\u CONTEXT\u NODE方法中的编码如下：

在CONTEXT NODE类中创建一个方法DO\u ON\u PREPARE\u OUTPUT并添加编码以调用刷新和构建方法。DoNoNoPuffReaSyLoad方法中的Sudio Sudio Sudio代码如下：在上下文节点类中创建一个方法GETPARPARIGIN，并添加编码将全局内部表细节传递到类中的局部变量。在方法中添加编码，如果\u BSP \u WD \u TREE \u NODE~ GET \u CHILDREN调用方法GET \u PARENT \u CHILDREN获取树的值并创建所有子节点，企业开发软件，

在方法中完成编码如果\u BSP \u WD \u TREE \u NODE~ GET \u CHILDREN给出如下：

从DO \u PREPARE \u OUTPUT方法调用DO \u ON \u PREPARE \u OUTPUT。

在DO \u PREPARE \u OUTPUT方法中完成编码是下面给出：

创建扩展和折叠的事件处理程序，并在事件处理程序中相应地添加编码。

创建两个事件处理程序EH\u ONEXPAND和EH\u ONCOLLAPSE，并添加编码以扩展和折叠上下文节点。

下面给出方法EH\u ONEXPAND中的代码：

下面给出方法EH\u ONCOLLAPSE中的代码

现在测试通过执行组件ZTREE来查看树状图。

折叠节点时，树状图显示如下：

展开节点时，树状图显示如下：

结论：

通过执行上述步骤，您可以从头开始在SAP CRM Web UI中构建树状图，并向用户呈现信息的分层视图。