Programme SAP GFW_DEMO_HIER2 - GFW: Demonstration of a hierarchy graphic (4 in splitter, Drag&Drop)

Description
The program provides an example of how to use interactive hierarchy/structure graphics with the Graphical Framework (GFW).
The window is split up into 4 areas (three above next to one another,one below across the width of the whole screen).
The lower graphic always displays all of the data in the datacontainer, the upper three each show subsections of the data.

  • End-user view

  • The structure graphics show employees working in an internationalcompany.
    The lower graphic displays all the countries with locations,departments and the employees assigned.
    The upper graphics each display subsections of this view.
    The graphics on the left and on the right each display a location withdepartments and employees assigned.
    The graphic in the middle displays a detailed view of the graphic onthe left.
    You can use the graphic interactively in the following ways:
    Double-clicking
    If you double-click on a location or a department in the structuregraphic on the left then the location (or department) along with itssubordinate elements (departments, employees) is displayed in thegraphic in the middle.
    Drag and drop
    You can use the mouse to move an employee from one location (on theleft/in the middle of the graphic) to another (on the right).
    • Technical view

    • All graphics are based on a single data container. The data containerhas a filter function that can be used to generate the requiredsubsections of the data.
      The graphic on the left displays filter 1 and 2, the graphic in themiddle displays filter 2 and the lower graphic does not have a filter(no restrictions to the data).
      The following events can be demonstrated using the upper graphics.
      Double-clicking
      By double-clicking on a node of the structure graphic on the left therelevant node is displayed with all its subordinate elements in thegraphic in the middle (that is, the application assigns it filter 2).
      Drag and drop
      You can move a node from the left (or middle) graphic to the graphic onthe right (only for elements, not for whole folders). The applicationassigns the node filter 3 and the corresponding superior node.

      Notes
      This is a program to demonstrate the functionality of the GraphicalFramework (GFW). This is not a programming example. If you want tolearn how to use the GFW in your own programs please take a closer lookat our programming examples (with prefix GFW_PROG_).