How to drag and drop nodes in Tree?
Hi,
I want to drag and drop nodes in the tree. For example a tree represents the hierarchy of employees reporting in an organization by using tree.I want to change the reporting an employee visible in the tree by simple drag and drop operation in place of going to another form for updating each employee record indiviually.
Regards
Piyush
Ron,
I looked into implementing drag / drop in one of the apex trees I created today and ran across this thread. Thank you Ron for the links, it helped a lot.
I added the code below to my page's "Execute when Page Loads" (tree region id is "tree_reg") and the tree is now drag/drop enabled.
It did break the [+] icon from collapsing the tree though ... but the apex.widget.tree buttons still work
var regTree = apex.jQuery("#tree_reg").find("div.tree");
regTree.tree({
callback : {
onmove: function(NODE, TREE_OBJ, REF_NODE, TYPE)
{alert(NODE.id+" "+TREE_OBJ.id+" "+ REF_NODE);}
});Next, I plan on creating a AJAX call using NODE.id, TREE_OBJ.id, and REF_NODE
V/R
Ricker
Similar Messages
-
How to drag and drop a sub tree between 2 treeview?
Suppose I have 2 tree rendered in 2 treeview. Then I want to drag and drop any subtree on any node between the 2 tree.
For example, in tree 1, if I drag node node1 and drop it on tree 2 node node2. I want all nodes from node1(subtree) moved to node 2 in tree 2.
How can I do it? Should I code for treeview 1 begindrag event, and code for treeview 2 dragenter event?
and how to move a sub tree with pb built-in function?Hi Kent,
I have just experimented with drag and drop between treeviews. Below is your bare minimum and caters for one node only. It does not drag any children along. If you drag an item it loses any children. Although it works both ways and within.
The handle is set in the dragbegin events.
In the dragdrop events you get source as an argument which is a pointer to the treeview where the drag started.
You get the node using GetItem ( ref treeviewitem ), then InsertItemSort as a child of the node dropped on.
NOTE: Must uncheck DisableDragAndDrop property for both treeviews.
// Instance Variable
ulong draggedhandle
type tv_1 from treeview within w_treehop
string dragicon = "Form!"
boolean dragauto = true
boolean disabledragdrop = false
end type
event begindrag;
draggedhandle = handle
end event
event dragdrop;
treeview tvSource
treeviewitem ltvidropped, ltvidragged
tvSource = source
if draggedhandle > 0
if handle <> draggedhandle or tvSource <> this then
tvSource.GetItem( draggedhandle , ltvidragged )
this.GetItem( handle , ltvidropped)
this.Insertitemsort( handle, ltvidragged )
tvSource.Deleteitem( draggedhandle )
draggedhandle = 0
end if
end if
end event
type tv_2 from treeview within w_treehop
string dragicon = "Form!"
boolean dragauto = true
boolean disabledragdrop = false
end type
event begindrag;
draggedhandle = handle
end event
event dragdrop;
treeview tvSource
treeviewitem ltvidropped, ltvidragged
tvSource = source
if draggedhandle > 0
if handle <> draggedhandle or tvSource <> this then
tvSource.GetItem( draggedhandle , ltvidragged )
this.GetItem( handle , ltvidropped)
this.Insertitemsort( handle, ltvidragged )
tvSource.Deleteitem( draggedhandle )
draggedhandle = 0
end if
end if
end event
To carry over nested treeview items (children) you can use FindItem ( draggedhandle, navigationcode )
navigationcode as per help:
ChildTreeItem! The first child of itemhandle.
NextTreeItem! The sibling after itemhandle. A sibling is an item at the same level with the same parent.
HTH
Lars -
How do drag and drop in htree?
i would like to drag and drop node in tree look like Object Navigator in
Oracle Form Developer 6i.Hi jimbo7,
Is this through the Google Calendar web interface, or are you subscribed to the calendar in the Calendar application?
If it is the webpage, I have recently released an application that may help. Multi Event Filter is designed to take dates as text from any source (text of email, CSV or spreadsheet, webpage, text file) and quickly and easily creates events in Calendar. The application is $2.99 to buy on Apple's Mac App Store. You can see more information about it on my website.
On the other hand, if you are subscribing to the calendar in Calendar you should be able to copy the event in Calendar, change the active calendar to the one you want the event in and paste.
Best wishes
John M
As I sell software on my site and ask for donations, the Apple Discussions Use Agreement requires that I state that I may receive some form of compensation, financial or otherwise, from my recommendation or link. -
How to drag and drop tab nodes between tab panes
I'm working on example from this tutorial( Drag-and-Drop Feature in JavaFX Applications | JavaFX 2 Tutorials and Documentation ). Based on the tutorial I want to drag tabs between two tabs. So far I managed to create this code but I need some help in order to finish the code.
Source
tabPane = new TabPane();
Tab tabA = new Tab();
Label tabALabel = new Label("Main Component");
tabPane.setOnDragDetected(new EventHandler<MouseEvent>()
@Override
public void handle(MouseEvent event)
/* drag was detected, start drag-and-drop gesture*/
System.out.println("onDragDetected");
/* allow any transfer mode */
Dragboard db = tabPane.startDragAndDrop(TransferMode.ANY);
/* put a string on dragboard */
ClipboardContent content = new ClipboardContent();
content.put(DataFormat.PLAIN_TEXT, tabPane);
db.setContent(content);
event.consume();
What is the proper way to insert the content of the tab as object? Into the tutorial simple text is transferred. How I must modify this line content.put(DataFormat.PLAIN_TEXT, tabPane);?
And what is the proper way to insert the tab after I drag the tab:
Destination
tabPane.setOnDragDropped(new EventHandler<DragEvent>()
@Override
public void handle(DragEvent event)
/* data dropped */
/* if there is a string data on dragboard, read it and use it */
Dragboard db = event.getDragboard();
boolean success = false;
if (db.hasString())
//tabPane.setText(db.getString());
Tab tabC = new Tab();
tabPane.getTabs().add(tabC);
success = true;
/* let the source know whether the string was successfully
* transferred and used */
event.setDropCompleted(success);
event.consume();
I suppose that this transfer can be accomplished?
Ref javafx 2 - How to drag and drop tab nodes between tab panes - Stack OverflowI would use a graphic (instead of text) for the Tabs and call setOnDragDetected on that graphic. That way you know which tab is being dragged. There's no nice way to put the Tab itself into the dragboard as it's not serializable (see https://javafx-jira.kenai.com/browse/RT-29082), so you probably just want to store the tab currently being dragged in a property.
Here's a quick example; it just adds the tab to the end of the current tabs in the dropped pane. If you wanted to insert it into the nearest location to the actual drop you could probably iterate through the tabs and figure the coordinates of each tab's graphic, or something.
import java.util.Random;
import javafx.application.Application;
import javafx.beans.property.ObjectProperty;
import javafx.beans.property.SimpleObjectProperty;
import javafx.event.EventHandler;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.control.Tab;
import javafx.scene.control.TabPane;
import javafx.scene.input.ClipboardContent;
import javafx.scene.input.DragEvent;
import javafx.scene.input.Dragboard;
import javafx.scene.input.MouseEvent;
import javafx.scene.input.TransferMode;
import javafx.scene.layout.StackPane;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;
public class DraggingTabPane extends Application {
private static final String TAB_DRAG_KEY = "tab" ;
private ObjectProperty<Tab> draggingTab ;
@Override
public void start(Stage primaryStage) {
draggingTab = new SimpleObjectProperty<>();
TabPane tabPane1 = createTabPane();
TabPane tabPane2 = createTabPane();
VBox root = new VBox(10);
root.getChildren().addAll(tabPane1, tabPane2);
final Random rng = new Random();
for (int i=1; i<=8; i++) {
final Tab tab = createTab("Tab "+i);
final StackPane pane = new StackPane();
int red = rng.nextInt(256);
int green = rng.nextInt(256);
int blue = rng.nextInt(256);
String style = String.format("-fx-background-color: rgb(%d, %d, %d);", red, green, blue);
pane.setStyle(style);
final Label label = new Label("This is tab "+i);
label.setStyle(String.format("-fx-text-fill: rgb(%d, %d, %d);", 256-red, 256-green, 256-blue));
pane.getChildren().add(label);
pane.setMinWidth(600);
pane.setMinHeight(250);
tab.setContent(pane);
if (i<=4) {
tabPane1.getTabs().add(tab);
} else {
tabPane2.getTabs().add(tab);
primaryStage.setScene(new Scene(root, 600, 600));
primaryStage.show();
public static void main(String[] args) {
launch(args);
private TabPane createTabPane() {
final TabPane tabPane = new TabPane();
tabPane.setOnDragOver(new EventHandler<DragEvent>() {
@Override
public void handle(DragEvent event) {
final Dragboard dragboard = event.getDragboard();
if (dragboard.hasString()
&& TAB_DRAG_KEY.equals(dragboard.getString())
&& draggingTab.get() != null
&& draggingTab.get().getTabPane() != tabPane) {
event.acceptTransferModes(TransferMode.MOVE);
event.consume();
tabPane.setOnDragDropped(new EventHandler<DragEvent>() {
@Override
public void handle(DragEvent event) {
final Dragboard dragboard = event.getDragboard();
if (dragboard.hasString()
&& TAB_DRAG_KEY.equals(dragboard.getString())
&& draggingTab.get() != null
&& draggingTab.get().getTabPane() != tabPane) {
final Tab tab = draggingTab.get();
tab.getTabPane().getTabs().remove(tab);
tabPane.getTabs().add(tab);
event.setDropCompleted(true);
draggingTab.set(null);
event.consume();
return tabPane ;
private Tab createTab(String text) {
final Tab tab = new Tab();
final Label label = new Label(text);
tab.setGraphic(label);
label.setOnDragDetected(new EventHandler<MouseEvent>() {
@Override
public void handle(MouseEvent event) {
Dragboard dragboard = label.startDragAndDrop(TransferMode.MOVE);
ClipboardContent clipboardContent = new ClipboardContent();
clipboardContent.putString(TAB_DRAG_KEY);
dragboard.setContent(clipboardContent);
draggingTab.set(tab);
event.consume();
return tab ; -
How to drag and drop user from one node to other node.
Dear All,
How to drag and drop user from one node to other node.I tried but no success.
What are precautions to be taken.
Cay anybody kindly explain it.
Thank you.Hello, if you had this message you had created BP....
Now you don't have to user USERS_GEN this transaction is used only in first action, when you create the user in R/3 and then you pass this user to EBP in the organizational structure.
Now you have to:
1) Go to PPOMA_BBP
2) Double click on organizational unit that you want to put this user (purchasing organization or purchasing group box for example)
3) Select assign button in the top of the functions in the transaction
4) Click on incorporates -- position
5) Put userID that you want to add in this organizational unit
6) Click Save
Thanks
Rosa -
Help needed in drag and drop of Flex tree
Hi,
We have an application which allows drag and drop between
multiple
trees and lists.
Here are the steps I follow to refresh on drag and drop:
1. Dispatch a custom event which calls server.
2. On successful response from server I change the model
which is
data provider for the tree.
3. Then, set a flag which triggers 'invalidateDisplayList'
and 'invalidateList' for tree (and other listeners).
4. The tree refreshes fine. But as soon as I drag and drop
between
trees again, I get this error in Tree.as:
TypeError: Error #1010: A term is undefined and has no
properties.
at mx.controls::Tree/::updateDropData()
at mx.controls::Tree/calculateDropIndex()
at mx.controls.listClasses::ListBase/showDropFeedback()
at mx.controls::Tree/showDropFeedback()
The behaviour is weird, sometimes the browser hangs and stops
responding.
I am calling 'contentTree.showDropFeedback(event)' in my
dragOver
event listener which is triggering error.
My tree data provider is a custom class which has 'children'
array
collection attribute.
Any help on how to resolve this issue would be highly
appreciated.
Thanks in advance,
Sujathathe major restrictions in its implemented only in
jdk1.1.Why! -
Drag and Drop between two trees...
Hi ,
Please tell me how to drog and drop from two diffrient trees in a form?
is the any demo for this one .. please let me know if there..
thanks in advance
ManiMani,
this is not possible. Drag and drop works in client-server and even there you can't drag and drop from one tree to another because a tree is an item on its own. You could decide to build your own tree in a Java Bean and then apply drag and drop to it. Its a non trivial task though.
Frank -
How to drag and drop the af:inputNumberSpinbox in the control panel
Hi,
I am using jdev 11.1.1.4.0
I need the component as <af:inputNumberSpinbox> . Create a data model and how to drag and drop as inputNumberSpinbox in the data control.
normally drog and drop the particular attribute as inputText box only. I want <af:inputNumberSpinbox>.
anythig want to change in the view object control hints itself. help me.
Regards,
ragupathi S.
Edited by: Ragu on Jun 22, 2011 4:45 PMHi,
Can't you drop it as an inputText and then change it in the source to inputNumberSpinbox?
Regards,
Stijn. -
How to drag and drop between portlets?
Howdy!
Could someone please be kind enough to show me how to drag and drop data between portlets. I want to select an icon, drag it to an application and launch the file associated with the icon in the application.
I can do it within a portlet with some js functions but when I try it between portlets (on the same page)I see the forbiden sign.
Thanks
Jeff GraberHi
thanks for the advice. However, that is what I had done. Here is the code in the jsp file for the destination portlet and it does not work. If you have any ideas, thanks!
<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<%@ taglib uri="netui-tags-databinding.tld" prefix="netui-data"%>
<%@ taglib uri="netui-tags-html.tld" prefix="netui"%>
<%@ taglib uri="netui-tags-template.tld" prefix="netui-template"%>
<netui:html>
<head>
<title>
MS Word Portlet
</title>
<script language="JavaScript" src="../js/common.js"></script>
<script language="JavaScript" src="../js/containers.js"></script>
<script language="JavaScript" src="../js/document.js"></script>
</head>
<body>
Application Village Portlet
<p>TextOre
| <a id="MS Word" ondrop="sendInfo(this.id)" ondragover="fnCancelDefault()"><img src="/Jime/images/WORDY.gif" alt="Drag one or more documents here to open with MS Word" border="0"></img></a>
| <a id="MS Excel" ondrop="sendInfo (this.id);" ondragover="fnCancelDefault()"><img src="/Jime/images/EXCELY.gif" alt="Drag one or more documents here to open with MS Excel" border="0"></img></a>
| <a id="MS PowerPoint" ondrop="sendInfo(this.id);" ondragover="fnCancelDefault()"><img src="/Jime/images/PowerPointY.gif" alt="Drag one or more documents here to open with MS PowerPoint" border="0"></img></a>
| <a id="Trash" ondrop="sendInfo(this.id);" ondragover="fnCancelDefault()"><img src="/Jime/images/trashcan.gif" alt="Drag one or more documents here to delete" border="0"></img></a>
</body>
</netui:html> -
How to drag and drop another swf or fla into a template?
I am building a flash website for a friend. We are using templates he purchased at flashden.net.
I normally use wordpress, joomla and other such systems and am familiar with html, php, cgi and such.
This is my first time dealing with a flash template.
I have downloaded the trial version of the software and he wants to purchase adobe flash professional for me
So that we can edit the template and add features he wants in the future.
The website that sells the templates says you can easily drag and drop addons to templates in flash
but I am not finding it so easy. Is there somewhere online where I can find a tutuorial on how to step by step
drag and drop flash files into another template etc.?
Also, where can I find good tutorials in general? I have downloaded adobe flash for dummies it is not as indepth as I need
to get a handle on this software.
Thank you to anyone that offers me any advice,
David DohertyNed,
Thank you for responding.
Flashden.net does claim its a simple drag and drop operation to do this but they have little to know information on the site about the subject and
having difficulty with the sellers on step by step instructions. They claim it's easy it may be.
The person I am building the website for had a bad experience with one of the sellers who refused to offer anything but basic instructions and claimed the cost of the software was not worth his time.
Here are the instructions that were provided:
Open news_rotator.fla
Go to library.
Select and copy NewsRotator movie clip.
Paste it into your own project’s library.
Now, you can drag and drop it into your own movie clips.
Use news.xml to add/remove headlines.
As you can see from what your telling me this is insufficent information on how to drag and drop this flash into another flash template.
I will attempt to contact other selers at flashden for information as I have other flash templates we have purchased.
Thank you,
David Doherty -
Error in drag and drop with a Tree component
Hello, everybody.
I'm doing a drag and drop with two trees.
But, when I drag from a tree to another show this error:
"oracle.job.RowNotFoundException:JBO25020: View line of oracle.jbo.Key[4.4] key not found in ViewTreeNodeRepository13_71."
Besides that, in my property SelectionListerner, when I have this line: "#{bindings.TreeNodeRepository.treeModel.makeCurrent}" there is a warning that says: "Reference makeCurrent not found".
Anyone can help me?
Thanks!Hi,
+Besides that, in my property SelectionListerner, when I have this line: "#{bindings.TreeNodeRepository.treeModel.makeCurrent}" there is a warning that says: "Reference makeCurrent not found".+
Don't worry, its a designtime warning because the EL cannot be resolved. MakeCurrent is a method on the FacesCtrl binding equivalent to ADF, which is applied at runtime and not available at design time
+But, when I drag from a tree to another show this error: "oracle.job.RowNotFoundException:JBO25020: View line of oracle.jbo.Key[4.4] key not found in ViewTreeNodeRepository13_71."+
In drag and drop, ADF Faces performs the drag. However, the rest of the drop handling is up to the developer. Without any more information of what yur drop handler is doing, this question cannot be answered
Frank -
How to drag and drop a object in an indicator at run time?
How to drag and drop a picture at run time in a indicator displaying pictures on the front panel. The main thing is that the window is displaying frames continuously?
Hi Vivman,
You have duplicated this post here. Please do not post the same question to separate forum post.
Cheers.
| Michael K | Project Manager | LabVIEW R&D | National Instruments | -
How to drag and drop a picture at run time in a window displaying pictures?
How to drag and drop a picture at run time in a window displaying pictures on the front panel. The main thing is that the window is displaying frames continuously?
vivman,
So from your description you have a picture control where you've already created an image and you'd like to drag an image around inside of the picture control. This can be done although it is going to take a significant amount of research and programming on your behalf. You can use the drag event in the event handler to find out when the drag occurs and where the cursor is. Then edit the picture as you move your mouse so that when you drop the picture gets updated.
The even structure is a somewhat advanced topic and the drag and drop feature is one of the more advanced uses of this structure. I would search the example finder (help>>find examples) for "event" and "drag" to see how to use these events. Also you'll want to look at the examples for the picture control.
Sounds like a cool project! Check out Darren's Weekly Nugget 10/30/2006 this topic (http://forums.ni.com/ni/board/message?board.id=170&message.id=212920). It might prove useful.
Good luck!
Chris C
Chris Cilino
National Instruments
LabVIEW Product Marketing Manager
Certified LabVIEW Architect -
Can anyone tell me how to drag and drop music to my ipod with the new version of itunes?
yeah, so this new update *****.
just hoping someone can tell me how to drag and drop my music onto my ipod like we used to be able to do in the old versions of itunes. THANKS!I haven't used it myself, but I've heard about this app.
http://plumamazing.com/mac/iwatermark
The are also a bunch in the App store.
Matt -
How to Drag and Drop mutliple rows in the jtable
hai
i am having a jtree ,in which i added many nodes,each nodes hav
corresponding jtable with values. now i need to drag a group of rows from a jtable of particular node in jtree to another node.
at the same time i am possible to drag and drop the single row in the same sceanrio which i mentioned above.
how to do this,can anyone pls help me regarding this
gouthamThe Swing tutorial on [url http://java.sun.com/docs/books/tutorial/uiswing/misc/dnd.html]How to Use Drag and Drop has an example with JTable support.
Maybe you are looking for
-
Itunes on my G4 powerbook wont recognise my library created on itunes 11
I want to import my itunes library from my hardrive to my G4 powerbook. Power book running OS X 10.5.8 and Itunes 10.6.3 I have tried to import my Itunes library created on itunes 11.1.3 but the poser book says it cant open the library because it was
-
Why doesn't my default email work?
Hey Ya'll, Quick question if anyone can help. I have a new MacBookPro, and LOVE it. My email was working great, but as soon as my free trial of .mac expired, I can't get my default email from my non-.mac account. Why doesn't it work and what do I do
-
I want to use: The SSD and enclosure to replace the optical drive with the new HDD So basically, I want to use the SSD in the link above. I want to set this up as either preferrably a fusion drive. If not the smoothest most stable configuration. I ha
-
I can't open App Store in my OSX Lion
Hi there, hope anyone can help I can't open App Store in my OSX Lion. The icon somehow changed to some kind of plain paper. Every time I open it, it comes to the dock, bouncing, but then gone and App Store is not open. There is no notification window
-
Hello. I just purchased a game for my kids. It's an application designed for Mac OS 9. It runs just fine for me on Tiger 10.4.3, but the graphics resolution (magnification?) in full screen mode is such that the game's display area is very small (abou