嗨，肖恩，SmartEdit中显示的所有数据都是通过API检索的。 就是说，有两种方法可以获取可用区域列表，具体取决于您的区域类型层次结构。

1. 如果区域类型扩展了CMSItem类型模型，则可以使用现有的CMS项目搜索API

2. 否则，您将需要公开一个新的API以返回可用区域的列表。

嗨，我在查看1905 SmartEdit下拉选择器中的语言和产品目录时遇到问题。 有人可以让我知道我是否想念什么。

嗨，Chhunry，

感谢您的反馈，我们是否可以进一步阐明如何（1）在SmartEdit中调用API，然后（2）将作为值列表检索的数据填充到SmartEdit中的UI控件？

例如，如果您参考所附的屏幕截图，我们希望将数据填充到新的下拉框中，如图所示。 实际上，我们要实现的功能与"预览"对话框上的其他OOTB控件（例如"目录"和"目录版本"）相似吗？

我们可以了解如何自定义SmartEdit来实现这一点吗？

此外，除了下拉框之外，SmartEdit中是否还有用于文本框输入字段的OOTB UI控件？

谢谢。

Sean

嗨，肖恩，

我希望你做得很好。

有三种方法可以解决您正在谈论的问题：

1. 选项1：静态如果您希望下拉列表中的值是静态的（例如，不是来自数据库），则可以为您的字段创建一个枚举。 有了SmartEdit，它将可以处理所有事情。

2. 选项2：来自DB-URI如果希望值是动态的（例如，来自DB），则可以为遵循分页协定的REST服务指定URI（ https://help.sap.com/viewer/86dd1373053a4c2da8f9885cc9fbe55d/b181768 ）。

     <！-注册属性。  ->
     
                 
                     <设置>
                         
                         
                         
                         
                     
                 
             
    
         <！-此字段将结构类型设置为" EditableDropdown"。  SmartEdit将呈现为下拉列表。  ->
         
               
         
    
         <！-您在此处注册URI->
         
             
         
   
     

   • 选项3：从数据库-自定义填充器如果要从不遵循分页协定的后端检索值，或者需要在前端进一步处理值，则可以使用此选项 （根据您的屏幕截图，我认为这是您遵循的方法）。 这是必需的代码：

   • 后端配置：

       <！-注册属性。  ->
       
               
                   <设置>
                       
                       
                       
                   
               
           
     
       <！-此字段将结构类型设置为" EditableDropdown"。  SmartEdit将呈现为下拉列表。  ->
       
             
       
     
       

• 前端代码（在打字稿中）：

  ... @SeInjectable（）导出类PreviewDatapageZoneDropdownPopulator扩展了DropdownPopulatorInterface {

   构造函数（
            公共lodash：lo.LoDashStatic，
            私人$ q：angular.IQService，
            公共languageService：LanguageService
        ）{
            超级（lodash，languageService）;
        }
   
        populate（payload：DropdownPopulatorPayload）：angular.IPromise  {
            const options = [
                {
                    id：" zone1"，
                    标签：" Zone1"
                }，
                {
                    id：" zone2"，
                    标签：" Zone2"
                }，
                {
                    id：" zone3"，
                    标签：" Zone3"
                }
            ];
   
            返回this。$ q.when（options）;
        }
    }
    ...
  
    

注意：系统期望Angular拥有名称为PreviewDatapageZoneDropdownPopulator的服务（必须与此大小写匹配）。 您可以在打字稿中这样注册它

  ...
  @SeModule（{
      进口：[
          ...
      ]，
      提供者：[
          ...
          {
              提供：" PreviewDatapageZoneDropdownPopulator"，
              useClass：PreviewDatapageZoneDropdownPopulator
          }
 
      ]
  }）
  导出类YourModule {}

  

希望这对您有帮助，亚历杭德罗

您好，亚历杭德罗，我们已经尝试了第二个选项，并且可以使用！

感谢您的支持！