在本文中，您将学习如何使用一些外部类将P13N对话框添加到sap.m.List中。

简介：

您是否使用过SAPUI5中的智能表？我们使用SmartTable的一个原因是它能够减少我们必须编写的代码量，从而获得与SmartTable相同的结果。

例如，它可以从注释文件或所需OData服务的元数据文件中读取列的名称。但我们相信sap.ui.comp公司.smarttable.智能表是个性化对话框（称为P13N）。P13N对话框提供了排序、过滤、分组数据和重新排序表列的功能。这里是一个带有P13N对话框的智能表的例子。

不幸的是，当我们写这篇文章时，还没有可用的智能列表。这意味着，如果有人需要在SAPUI5应用程序中的sap.m.list类型的列表旁边有一个P13N对话框，营销数据分析，他们必须为该对话框编写一些代码，并针对用户的更改编写一些代码。

去年，我们有一个大项目，有几个应用程序，我们需要在所有的应用程序中复制和传递P13N对话框的代码掌握应用程序的详细信息。当然，这不是一个简单的复制和过去，我们需要为每个列表定制代码，并根据所需的OData集做一些更改。这就是我们试图让一个类将P13N对话框的功能带到任何sap.m.List实例旁边的要点。

为此我们生成了两个类，淘客返利app，什么是云，列表管理器.js和P13nManager.js. 我们最近通过GitHub发布了这两个类以及一个工作示例。通过使用这两个类，您不需要编写任何代码来创建P13N对话框。您只需要从ListManager类创建一个实例对象，并传递所需的参数和对象。然后坐下来享受你的P13N对话，充分发挥你的列表功能。在解释代码之前，我邀请您访问下面的视频，了解更多关于P13N对话框的功能以及它是如何工作的。

主要部分：

在本文的其余部分，我们将为您解释如何运行示例代码以及如何在您自己的MasterDetails项目中使用这两个类。我们将不解释这两个类的代码。也许稍后我们会提供另一篇文章，解释其中的代码，但这篇文章的目的是向您解释如何使用这两个类将P13N对话框添加到您自己的列表中，特别是在Master Details应用程序中

首先，让我们谈谈运行示例代码的人。

要从GitHub运行示例代码，您需要建立到NorthWind OData服务的连接。要建立连接，请按照以下帖子中的步骤进行：

https://blogs.sap.com/2014/07/07/how-to-use-northwind-odata-service-with-sap-river-rde/

在标题为"如何在SAP Web IDE中使用Northwind OData服务"的推荐帖子中解释的步骤可以成功创建连接并使用付费帐户访问SAPUI5应用程序中的NorthWind OData服务。如果你使用的是试用帐户，你必须多做一点。我们在下面的帖子中解释了如何在试用帐户中运行使用NorthWind OData服务的应用程序：

https://blogs.sap.com/2018/10/11/how-to-use-northwind-odata-service-with-sap-web-ide-with-trial-account/不管怎样，到目前为止，您必须能够在您的WEB IDE中创建一个masterdetails应用程序，并表示其中一个NorthWind集合的数据。如果您还没有获得成功，请再次查看这两篇文章，否则如果没有NorthWind连接，您将无法运行示例代码。

现在是从GitHub下载示例代码并将其导入您的WEB IDE工作区的时候了。只需将应用程序作为web应用程序运行，或者运行索引.html文件。它必须向你展示一些我们在视频中看到的东西。播放一下它的P13N对话框，看看它对列表中的项目有何影响。请注意，由于sap.m.List类没有任何列，我们将列面板隐藏在P13N对话框中。

我们希望您能成功运行示例代码并熟悉P13N对话框的功能。但我们如何将其添加到其他SAPUI5应用程序中呢？这里我们来解释如何将此功能添加到其他SAPUI5 Master Details应用程序中。

首先需要复制并通过两个类（即列表管理器.js和P13NManager.js)在项目的控制器文件夹中。你可以通过GitHub访问这两个类的副本，但是我们也复制了这里的代码，作为一个安全的存档。代码列表管理器.js:

2. P13代码nManager.js：

那么您需要在列表顶部添加一个按钮。类似这样的数字：

为此，大数据精准，我们通常提供一个工具栏，里面有一个按钮。请在列表中找到您的列表标签Master.view.xml文件归档并更改如下代码：

通常在自动生成的代码中，子标题标签中有sap.m.Bar。我们把它改成了工具栏，微博淘客，还添加了一个按钮。我们稍后会将此按钮的引用传递给ListManager，因此此按钮的id很重要。

现在是在控制器中使用我们的类的时候了。打开主控器.js文件，并在其头部分添加对ListManager类的引用。类似于这样：