drag and drop mapping UI element/functionality

[former_member188019]

Hi All,

we are searching for functionality, in which the UI should contain drag and drop mapping options.

e.g.

we have ztableA(cities) containing values:
NewYork
London
Tokyo
Moscow

we have ztableB(countries) containing values:
Russia
UnitedStates
Germany
England

the UI should contain above two table values vertically (cities on left side, countries on right), and the user should be able to map by dragging and dropping the cities with appropriate countries.

initially, the screen will look like:

NewYork     Russia
London      UnitedStates
Tokyo       Germany
Moscow      England

after drag and drop actions by the user, it will look like:

NewYork     UnitedStates
London      England
Tokyo      
Moscow      Russia
            Germany    

after the mapping is saved by the user, i can save the paired values in 3rd ztable.  
  
for this UI, how can we achive, are what is the preferred way to get this, using webdynpro abap or fpm or any other?.
which UI elements we can use. We are on SAP ECC6, EHP7

thanks in advance.

Madhu_1980

[former_member184578 · Accepted solution]

Hi,

You can use Table UI with drag and Drop. create an Event handler for onDrop and read the drag source and drop target then you can append those to new table.

Drag and Drop - Web Dynpro for ABAP - SAP Library

Hope this helps u,

Regards,

Kiran