Skip to content

Drag and Drop (dnd)

Insight Explorer offers drag and drop functionality in different scenarios

  • Tree node onto attribute field (Maximo & Details)

  • (Tree internal) from node item 1 to node item 2

  • Tree to table header

Drag and Drop onto attribute field:

If you drop an node from a tree onto an attribute field the client tries to fill the target with the following logic:

  • Tree node has an attribute with the same name as the target

  • Tree node is from type "object" and has an attribute "id", target attribute is named "objectId"

  • Target attribute has a dnd.srcAttribute configuration, see example below

  • If all fail the label will be put into the attribute input

Drag and Drop onto tables, planning or inside trees:

The configuration has to be on the top level section of the target as follows:

    "dnd": [
    {
        "src": "Standort",
        "dst": "Standort",
        "action": {
        "action": "request",
        "request": {
            "method": "GET",
            "url": "../maximo/webclient/insight/rest/changeLocationParent.jsp",
            "params": {
            "location": "${src.LOCATION}",
            "parent": "${dst.LOCATION}",
            "system": "${dst.SYSTEMID}",
            "site": "${dst.SITEID}",
            "dummy": "${userData.personid}"
            }
        }
        }
      }
    ]

    "dnd": [
    {
        "src": "Person",
        "dst": "Person",
        "action": {
            "method": "POST",
            "url": "insight/eam/rpc/insightTest/mitarbeiter",
            "params": {
            "vorgesetzter": "${dstObject.uniqueId}",
            "mitarbeiter": "${srcObject.uniqueId}"
            },
            "headers": {
                "Content-Type": "application/x-www-form-urlencoded"
            }
        }
      }
    ],
  • src: name of drag node
  • dst: name of drop node
  • action: defines a method call to handle the dnd action
    • url: Url to be called
    • params: URL-parameter URL, "Key": "Value"
      • Values can be retrieved via reference, e.g. "${src.LOCATION}" is automatically filled with the value of the attribute LOCATION from the src (=dragged) object
      • Values can be fixed values, e.g. "fixed value"
      • Values can be retrieved via prefilled object, e.g. "${userData.personid}".
      • See also chapter working with variables/values

headers: URL-headers, "Key": "Value"