Extending the Properties-Panel for ServiceTasks (Input variable mapping)

Developers Modeler
5

@nikku

Thanks for the in depth view. I`m currently on propertiespanel version 0.1.0 and modeleler 0.12.0. I changed the standard input field in the Delegate file Delegate to a

<input id="cam-impl-delegate" type="text" name="delegate" list="cam-impl-delegate-datalist">
    <datalist id="cam-impl-delegate-datalist"></datalist>

to implement my dropdown field to select a javaclass from the json file. I verified that the following function is called correctly from the ServiceTaskDelegateProps.js. But the option values are never displayed/updated. The DOM doesn’t show the options correctly. If i call document.getElementById('cam-impl-delegate-datalist'); after my insertions the options are displayed. Did I miss something?

setJavaClassDropDownElements: function (values) {
    // Get the <datalist> element.
    var dataList = document.getElementById('cam-impl-delegate-datalist');

    // Loop over the array.
    for (var i = 0; i < values.length; i++) {
        var classname = values[i];
        // Create a new <option> element.
        var option = document.createElement('option');
        // Set the value using the item in the JSON array.
        option.label = classname;
        option.value = classname;
        // Add the <option> element to the <datalist>.
        dataList.appendChild(option);
   }
}

UPDATE:

I`m now on the current versions:
“bpmn-js”: “0.12.1”
“bpmn-js-properties-panel”: “0.2.1”