Drag and drop mapping UI element/functionality

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

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

Similar Messages

Drag and Drop Multiple Pictogram elements from the Palette

I have created custom Objects in the palette that can drag and drop individual pictogram elements using a class that extends AbstractAddFeature. What I would like to know if it is possible to drag and drop an item from the palette that contains multiple pictogram elements, such as task1, task2 and a connection between them? I cannot do this with my class from above since
@Override
public PictogramElement add(IAddContext context) {}
only returns one PictogramElement.

Hi,
In my editor I am adding rectangle with associated label that are separate pictogram elements. However they are both linked to the same business object and more linked to each other.
Please look at example from my code:
@Override
public PictogramElement add(IAddContext context) {
final Task addedTask = (Task) context.getNewObject();
final ContainerShape target = context.getTargetContainer();
final IPeCreateService peCreateService = Graphiti.getPeCreateService();
final IGaService gaService = Graphiti.getGaService();
final ContainerShape containerShape = peCreateService.createContainerShape(target, true);
int width = 0;
int height = 0;
width = context.getWidth() <= 0 ? getWidth() : context.getWidth();
height = context.getHeight() <= 0 ? getHeight() : context.getHeight();
final Rectangle invisibleRectangle = gaService.createInvisibleRectangle(containerShape);
gaService.setLocationAndSize(invisibleRectangle, context.getX(), context.getY(), width, height);
// create and set visible rectangle inside invisible rectangle
RoundedRectangle roundedRectangle = gaService.createRoundedRectangle(invisibleRectangle, 20, 20);
roundedRectangle.setParentGraphicsAlgorithm(invisibleRectangle);
roundedRectangle.setStyle(addedTask.isOnlyLocal() ? onlyLocalStyle : getStyle());
if(!addedTask.isAtomic()) roundedRectangle.setLineStyle(LineStyle.DOT);
gaService.setLocationAndSize(roundedRectangle, 0, 0, width, height);
insertInside(peCreateService, gaService, width, height, containerShape, invisibleRectangle, addedTask);
ContainerShape labelShape = addLabel(target, addedTask.getId(), width, height, context.getX(), context.getY());
link(containerShape, new Object[] {addedTask, labelShape});
link(labelShape, new Object[] {addedTask, containerShape});
updatePictogramElement(labelShape);
layoutPictogramElement(labelShape);
addInternalPorts(addedTask, containerShape);
updatePictogramElement(containerShape);
return containerShape;
I think that linking or making somehow relation between pictogram elements should be enough.

Drag and drop photo in elements 12

Trying to drag an edited picture from photobin in Elements 12 onto a blank documents. Elements is resizing my photo to fit the blank document. I don't want it to resize. I want to drag and drop multiple photos onto a new blank doument as I have in other versions.

I suspect you are doing this in the Photo Bin. Do it from the Layers panel (drag the layers you want from each photo to the blank document) and they won't resize (see note). If you only want a single layer to represent each image either temporarily flatten the image, or use select all and edit> copy merged followed by a paste into the blank document.
Note: You need to ensure that your image resolutions are consistent across the images, otherwise they will appear as different sizes in the blank document.
Cheers,
Neale
Insanity is hereditary, you get it from your children

Element Panel Drag and drop

I can't seem to be able to drag and drop in the elements panel
I have to draw a box in something in order to drag something into it

So you can reorder but you cannot drop a child into a non-parent?
This is in fact a bug, I'll get it filed for you and worked on.
Best,
Corey

Drag and Drop with snapping

I'm trying to create a drag and drop map where the country snaps into place on top of it's target. I have loaded all necessary libraries and the dragging works fine. I just need it to snap into it's place. Here's my code...
sym.$('Peru2').draggable();
sym.$('Peru_target').droppable({drop: function() {sym.getSymbol("Peru2").play();}});
And here's the example...
http://jzdconnect.com/map_drag/map.html
HELP!

Since all your assets positions are absolute,you can set the desired top and left values of div your are dragging in the drop callback function.
Something like
sym.$('Peru_target').droppable({drop: function() {
var symbol = sym.getSymbol("Peru2");
var ele = symbol.getSymbolElement();
$(ele).css({top:<your value>;left:<your valye>});
symbol.play();
Hopefully this helps

Drag and drop for UI5

Hi everyone,
Is it possible to drag and drop the UI elements in sap ui5? Because writting all the code is very lengthy. If it is possible then how we can do that?
Regards,
Soumya

Hi Soumya,
App builder IDE is a release from SAP that enables you to develop SAPUI5 mobile apps with OData, SMP, rest etc. SAPUI5 apps are based on web browser hence it will runs in desktop, tablets and mobile devices. One of the biggest example is the FIORI apps. These are based on SAPUI5 that runs in desktop, tablets and mobile devices. Please have a look on below link .

Drag and Drop not working in iTunes (Mountain Lion)

Hello,
Earlier today the drag and drop function in iTunes stopped working.
It was working yesterday and this morning, but no longer.
I have not updated any software in a few days, but I did install
JAVA 7 right before it stopped working. I have since deleted the Java 7 files
in Library necessary for ridding my computer of it.
Drag and drop is still fully functional in Finder, Mail, etc
It seems to be broken only in iTunes.
I don't have any clue why this has happened.
Any help is much appreciated.
Thanks.
iTunes 10.7 (21) 64bit
Mac OS X 10.8.2

Does anybody have any ideas?
I've updated to the new version of iTunes since I originally posted this,
but the drag and drop feature is still not working. This is making it
impossible for me to update anything on my iPod.
Thanks!

Itunes 11.1.5.5 - Drag and drop stopped working

Using windows 8.1 and I tunes 11.1.5.5.
I am unable to copy songs from music file to itunes library using drag and drop.
Previously this functionality worked to transfer over 8,000 songs.....now with latest I tunes update.....kaput.
Please help me to get back my efficiency.
Thanks.

Welcome to Apple Discussions.
It sounds like be LaunchServices.
Launch /Utilities/Terminal and copy & paste this at the command line to rebuild LaunchServices:
Code:
<pre class="alt2" style="margin:0px; padding:3px; border:1px inset; width:640px; height:34px; overflow:auto">/System/Library/Frameworks/CoreServices.framework/Versions/A/Frameworks/LaunchSe rvices.framework/Versions/A/Support/lsregister -kill -r -domain local -domain system -domain user</pre>
Then press return. Wait until terminal returns to the command line. Quit Terminal. After that, log out and back in or restart. Let us know
-mj
[email protected]

ALV List drag and drop..

Hi
In Cj20n open an existing project.
I am currently trying to drag and drop a WBS element.
I pick a WBS from the template and try to drop over the Project then try to replace and Include that WBS from template into the project opened.
During this time the system should accept only if source and destination Project types are same other wise it should give an error message out.
Has any one worked on similar thing on ALV List drag and drop...
Actually there are no User Exits or Badi's for this.
Let me know if any OSS Notes ...
Your Inputs will be of great help.
Thanks a lot.

this is how sap works, it does not check coherence at the abap side, and it's only when the true call is made at the frontend what we see the issue. The only way to find the bug is to check all values of the internal table (try to test a simple tree first, and increase complexity step after step, until you find what is incorrect). One of the errors I made in the past was the way I defined the folders, I forgot to define ISFOLDER = 'X', and that used to trigger this error.

WD ABAP: Drag and drop functionality

Hi,
Is there a UI element/event to simulate the drag and drop functionality in Webdynpro ABAP? I would like to simulate the functionality of context mapping.
I have the requirement to show the hierarchy of say Country and state(preferably in tree structure) and allow the user to change the country a state belongs to by dragging the state from one country and dropping it into the desired destination country.
Thanks and regards,
Srini.

Hi Srinivasa,
Drag & Drop is not available within Web Dynpro as of now.
Kind regards,
Thomas

Dvt:hierarchy node Drag and drop functionality

Hello,
I noticed that in the JDeveloper 11.1.2.3 Rich Client Demo that drag and drop in heirarchical views is now available. Excellent news!
I have tried to implement this functionality in my application but I'm having a few problems.
The demo uses the following code to get the row data....
      UIHierarchyViewer hv = (UIHierarchyViewer)dropEvent.getDropComponent();
      TreeModel model = (TreeModel)hv.getValue();
      Map dropSite = (Map) dropEvent.getDropSite();
      String dropTargetClientRowKey = (String)dropSite.get("clientRowKey");
      Employee dropTargetEmployee = null;
      if (dropTargetClientRowKey != null)
        Object dropTargetRowKey = hv.getClientRowKeyManager().getRowKey(FacesContext.getCurrentInstance(),
                                                                        hv, dropTargetClientRowKey);
        model.setRowKey(dropTargetRowKey);
        dropTargetEmployee = (Employee)model.getRowData();
      }this works for me if I alter it slightly thus
           dropTargetEmployee = (usersFromVORowImpl)((JUCtrlHierNodeBinding) model.getRowData()).getRow();and am dragging and dropping between the highest level nodes but if I drop into a lower (child) node it fails with NPE when invoking .getRowData, presumably because the model reflects the top view of the master detail model (model.getRowCount supports this theory)
so how do I get rowdata from child levels of the HV model? Franks example 101 of dropping into a RichTree gives a List back from the dropEvent for a tree, but HV's give back a Map
I have started to experiment with "enterContainer" on the model variable but I can't seem to extract the values of the rowKey to use, I just get "dropTargetRowKey = [oracle.jbo.Key[], oracle.jbo.Key[]]" can anyone tell me how to get the key elements out of the object returned by getClientRowKeyManager().getRowKey? It's coming back as a Singleton but I can't get the List elements out of it although I can see them when I inspect the object in the debugger
Any help appreciated, many thanks!
JDeveloper version 11.1.2.3

or more simply, does anyone have an example of dragging and dropping from a root node to a child node in a heirarchy viewer using oracle database tables as the master detail via views and view links? (e.g. departments/employees)
Thanks

Records Management - Drag and drop functionality

Hi,
I'm trying to find out how it is possible to limit 'drag and drop' functionality for nodes. For example, let's say we have model nodes A and B with all element types assigned and visible for all roles. I want to be able to automatically store documents in both A and B nodes but not to be able to drag and drop documents from node A to node B.
Does anyone have idea if/how this is possible?
Many thanks in advance!
Tijana

Hai,
To restrict the drag and drop functionality, please check the function module SRM_REC_UPDATE_NODE_DESC. I havenu2019t implemented this but I guess this would help you.
Regards
Keerthika

Drag and drop picture frames in Photoshop Elements 11 from one file to another?

Hello,
I am a digital scrapbooker.
I recently started using Adobe Photoshop Elements 11. I previously had been using Elements 7. I make extensive use of Picture Frames i.e "Basic Black 10px", and in Elements 7, it was very easy to drag and drop a picture frame from one file to another. (I use a separate file for each scrapbook page, and I often move pictures between pages as I scrap them)
In Photoshop Elementa 11, I can drag and drop a picture frame from one file to another, but ONLY if there is no picture in it. If there is a picture, I cannot drag and drop - the circle-slash icon appears showing that it won't land. I was able to do this in Photoshop Elements 7, whether or not there was a picture in the frame.
Any ideas of what I might be doing wrong, or did Photoshop Elements change this functionality?
Thank you!

I think this might be a bug in pse 11, at least on the windows version.
You might try right clicking on the frame layer in the layers panel, choose Duplicate Frame Layer and pick your other document as the destination.

Drag and Drop Functionality in ADF

Hi, i have a cuestion,
I need to develop an application, but i have to determine if it is possible.
I explain..
I have to make an applicacion with elements with drag and drop functionality, i mean.. 3 to n containers on the page, a toolbar, with the possible elements to drag and drop on the containers,
later on i have to join that elements with lines, and to save the view, so, when the users open their workspace, they can see their last view saved state.
In a few words, that's my issue.
I ve been search about it, and i found something about drop target option about panel box componnents, but nothing about drawing lines and saved view states.
Do you know about some examples, o an example application, any help resource will be wellcome
Thanks in Advance!!!!
AB

There isn't a "painting" function built-in.
You can do drag and drop in ADF Faces between components though.
If you want to show relationship between components with lines - you might want to look into the Hierarchy Viewer.
http://jdevadf.oracle.com/adf-richclient-demo/components/ariaXml.jspx

I can no longer drag and drop things in Photoshop Elements 12. I can move things with my keyboard, but not my mouse. WHAT IS HAPPENING?!

When I got Elements 12 (May 2014), I was able to drag and drop things such as cut/pasted items, watermarks, etc. As of 2 weeks ago, I can no longer use my mouse to drag and drop. If I try, it just snaps back wherever it was before I tried to drag it. With that said, the item will move if I use my keyboard. It takes an eternity. WHAT IS GOING ON?! I just really want to use my mouse again...

Install the 10.10.1 update. That should do it.

Drag and drop mapping UI element/functionality

Similar Messages

Maybe you are looking for