2017-12-06 2 views
2

In meiner AngularApp zeige ich dem Benutzer den aktuellen Workflow, indem er die REST API verwendet. Kein Problem bisher usnig:So erhalten Sie den aktuellen Workflow XML für aktive Instanz von der Rest API

GET/Prozess-Definition/{id}/xml

und die

bpmn.io-Viewer.

Aber es ist möglich, die aktuelle Aufgabe zu markieren oder die spezielle Instanz des Workflows zu erhalten, mit der aktuellen Aufgabe markieren?

Vielen Dank für Ihre Hilfe.

Antwort

2

1. Holen Sie sich die Aufgabe

Der Aufruf http://localhost:8080/engine-rest/task/?processInstanceId=<processInstanceId> eine json with the taskDefinitionKey Rückkehr tatsächlichen.

https://docs.camunda.org/manual/latest/reference/rest/task/get-query/

2. Art der Aufgabe

Sie können einen Style-Klasse hinzufügen und so eine Aufgabe markieren.

viewer.importXML(diagramXML, function() { 
    var canvas = viewer.get('canvas'); 
    canvas.addMarker('<<TaskId>>', 'highlight'); 
}); 

CSS für die Farbe:

.highlight:not(.djs-connection) .djs-visual > :nth-child(1) { 
    fill: green !important; /* color elements as green */ 
} 

Das Beispiel ist von https://github.com/bpmn-io/bpmn-js-examples/tree/master/colors#adding-colors

+0

Ich denke, es ist die "taskDefinitionKey" nicht die "TaskId", richtig? – MartinZyk

+0

Sie haben Recht. Ich habe die Antwort aktualisiert. – jklee

+0

up vote -1 down vote akzeptieren Vielen Dank für die Unterstützung, mein CSS funktioniert noch nicht richtig. Die Aufgabe wird hervorgehoben, aber leider ist sie nicht farbig. Vielleicht können Sie mir wieder helfen. – MartinZyk

Verwandte Themen