Delen via

Een menuactie toevoegen

Azure DevOps Services | Azure DevOps Server | Azure DevOps Server 2022

In dit voorbeeld voegen we een actie toe aan het contextmenu van de query in de hub voor werkitemquery's.

Tip

Voor de nieuwste richtlijnen voor uitbreidingsontwikkeling, inclusief thema's en migratie van VSS. SDK raadpleegt u de ontwikkelaarsportal van de Azure DevOps Extension SDK.

Voorwaarden

Het extensiemanifest bijwerken

Voeg uw actie toe aan de sectie bijdragen van uw extensiemanifest.

...
    "contributions": [
        {
            "id": "myAction",
            "type": "ms.vss-web.action",
            "description": "Run in Hello hub action",
            "targets": [
                "ms.vss-work-web.work-item-query-menu"
            ],
            "properties": {
                "text": "Run in Hello hub",
                "title": "Run in Hello hub",
                "icon": "images/icon.png",
                "groupId": "actions",
                "uri": "action.html"
            }
        }
    ]
...

Eigenschappen

Eigenschap Beschrijving
tekst Tekst die wordt weergegeven in het menu-item.
titel Knopinfotekst die wordt weergegeven in het menu-item.
icoon URL naar een pictogram dat wordt weergegeven in het menu-item. Relatieve URL's worden omgezet met behulp van baseUri.
groepsId Bepaalt waar dit menu-item wordt weergegeven ten opzichte van de andere items.
Uri URI naar een pagina die de menuactie-handler registreert (zie hieronder).
geregistreerdeObject-ID (Optioneel) Naam van de geregistreerde menuactiehandler. Standaard ingesteld op de inzender-ID.

Meer informatie over alle plaatsen waar u acties kunt toevoegen in Uitbreidbaarheidspunten.

Uw HTML-pagina

De menuactie wordt vertegenwoordigd door een JavaScript-script dat is ingesloten in een HTML-bestand. Sla de volgende inhoud op in een bestand en locatie die overeenkomt met de verwijzing in het manifestbestand van uw extensie.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Action Sample</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.6/require.min.js"></script>
    <script>
        window.requirejs.config({
            enforceDefine: true,
            paths: {
                'SDK': './lib/SDK.min'
            }
        });
        window.requirejs(['SDK'], function (SDK) {
            SDK.init();
            SDK.ready().then(() => {
                // Register the menu action handler
                SDK.register(SDK.getContributionId(), {
                    execute: function (actionContext) {
                        alert("Hello, world");
                    }
                });
            });
        });
    </script>
</head>
<body>
    <div>
        The end user doesn't see the content on this page.
        It runs in the background to handle the contributed menu item being selected.
    </div>
</body>
</html>

Tip

Zie Uitbreidbaarheidspunten, menu's en werkbalken, het bijdragemodel het Formula Design System, REST API-verwijzing, extensievoorbeeldenen bronnen in de Developer Community-voor meer informatie.

Volgende stappen

Uw extensie verpakken, publiceren en installeren.

  • Last updated on