Azure DevOps发布闸门扩展：如何让下拉列表默认选中最新构建ID

没问题，我来帮你搞定这个Azure DevOps发布闸门扩展的下拉列表默认选中最新构建ID的问题！

首先咱们梳理下现有代码的小问题：你设置了defaultValue: "Latest"，但动态绑定返回的选项Value是实际的构建ID，两者不匹配，所以默认选中的逻辑自然失效了。接下来给你两种靠谱的解决方案，按需选择：

方案一：通过API排序+任务逻辑自动补全（推荐） #

这种方式既保证UI下拉列表显示所有构建，又能自动默认使用最新构建ID，无需用户手动选择。

1. 修改API请求，让最新构建排在首位
   更新你的数据源绑定URL，添加排序参数，确保返回的构建按启动时间倒序排列，最新的在最前面：

   { 
       "target": "buildId", 
       "endpointId": "tfs:teamfoundation", 
       "endpointUrl": "{{endpoint.url}}/{{system.teamProject}}/_apis/build/builds?api-version=5.0&$orderBy=startTime desc", 
       "resultSelector": "jsonpath:$.value[*]", 
       "resultTemplate": "{ \"Value\" : \"{{{id}}}\", \"DisplayValue\" : \"{{{buildNumber}}} \" }" 
   }
   

2. 调整参数定义，移除无效默认值
   删掉原来的defaultValue: "Latest"，避免冲突：

   { 
       "name": "buildId", 
       "type": "pickList", 
       "label": "Artifact", 
       "required": true, 
       "properties": { 
           "DisableManageLink": "True", 
           "EditableOptions": "True" 
       }, 
       "helpMarkDown": "Build Artifacts" 
   }
   

3. 在任务执行逻辑中自动补全最新ID
   比如用PowerShell编写任务代码时，检查如果用户没选构建ID，就自动拉取最新的：

   # 检查buildId是否为空
   if (-not $buildId) {
       # 构造获取最新构建的API地址
       $latestBuildApi = "$($env:SYSTEM_TEAMFOUNDATIONCOLLECTIONURI)$($env:SYSTEM_TEAMPROJECT)/_apis/build/builds?api-version=5.0&$orderBy=startTime desc&$top=1"
       # 调用API获取最新构建
       $latestBuild = Invoke-RestMethod -Uri $latestBuildApi -Headers @{Authorization = "Bearer $env:SYSTEM_ACCESSTOKEN"}
       # 赋值给buildId参数
       $buildId = $latestBuild.value[0].id
   }
   

方案二：前端UI逻辑默认选中第一个选项 #

如果你希望在UI加载完成后直接默认选中最新构建（也就是下拉列表的第一个选项），可以在扩展的前端代码中添加监听逻辑：

import { DropdownComponent } from "azure-devops-ui/Dropdown";

// 获取构建ID下拉列表组件
const buildDropdown = document.getElementById("buildId") as DropdownComponent;

// 监听下拉列表选项加载完成事件
buildDropdown.onOptionsLoaded = () => {
    // 如果有选项，自动选中第一个（最新构建）
    if (buildDropdown.options.length > 0) {
        buildDropdown.value = buildDropdown.options[0].value;
    }
};

额外小技巧：标记最新构建 #

如果想让用户一眼认出最新构建，可以修改resultTemplate，给第一个选项加上(Latest)标识：

"resultTemplate": "{ \"Value\" : \"{{{id}}}\", \"DisplayValue\" : \"{{{buildNumber}}}{{#if @first}} (Latest){{/if}} \" }"

这样最新的构建会显示类似20240520.1 (Latest)的样式，用户体验更好~

内容的提问来源于stack exchange，提问作者Akshay H