如何在 azure devops server 2019 的新工作项 Web 布局中编程工作项水平选项卡？

Posted 2023-03-22

【中文标题】如何在 azure devops server 2019 的新工作项 Web 布局中编程工作项水平选项卡？

【英文标题】：How program workitem horizotal tabs in the new workitem web layout of azure devops server 2019?

【发布时间】：2020-08-22 18:20:02

【问题描述】：

我在本地使用 TFS 2017 更新 1，现在我必须在本地升级到 Azure DevOps Server 2019。 在 TFS 2017 中，我使用了自定义 xml 流程模型，并编写了“布局标签”以通过这种方式实现具有许多水平选项卡的工作项 Web 界面：

我刚刚升级到 Azure DevOps Server，发现新工作项 Web 界面中的字段是自动垂直渲染的，而且我没有找到所有自定义关系，只有父子关系和相关关系。

我想可以对 DevOps Server 2019 的新 Web 布局形式进行编程，以获得像 TFS 2017 这样的水平选项卡。为了获得水平选项卡，使用什么 xml 标签？

【参考方案1】：

根据您的描述，您使用的似乎是Tab XML element。

它是 Azure DevOps 的新工作项表单中的弃用元素。

工作项的所有其他内容都组织成页面，在表单上表示为选项卡。

Page 元素类似于已弃用的 Tab 元素。然而，一个 页面元素不能分组或嵌套。一页定义一个标签 在网络表单中。

看看这个博客--New work item form in TFS 2017

嵌套元素如下所示：

<WebLayout> 
      <Page>  
          <Section>  
              <Group> . . . 
                  <Control> . . . </Control>
                  <Control> . . . </Control>
              </Group>
          </Section>
      </Page>
. . .
</WebLayout>

一个示例页面标签：

   <Page Label="Details" LayoutMode="FirstColumnWide">
                       ......
   </Page>

有关xml相关信息的更多详细信息，请在此处查看我们的官方文档--WebLayout and Control elements

【讨论】：

在 TFS 2017 中，我使用选项卡来显示所有关系（默认和自定义）。是否可以在 DevOps 2019 中修改默认链接页面以更好地显示/组织自定义和默认关系？

@user35631 它可以创建自定义链接。 docs.microsoft.com/en-us/azure/devops/reference/xml/… 。如果您需要修改屏幕截图中的默认详细信息--相关工作--父/子/相关，以显示水平而不是垂直渲染。恐怕它无法做到这一点。

好的，但是可以在链接页面中添加其他自定义关系吗？否则我可以添加一个新的自定义“链接”页面来显示自定义关系吗？

@user35631您可以使用LinksControlOptions 元素来定义控制哪些链接可以添加到工作项以及哪些工作项类型的选项。似乎这就是你要找的东西。 Otherwise can I add a new custom "link" page in which show custom relations 抱歉这部分不确定，您可以尝试修改相应的 xml 并检查是否有效。