Hi,

I'm new to the UI side of AJAX, and I found the Dojo framework and it looks pretty promising! So I hope there is something in Dojo which has the functionality like this: http://tool-man.org/examples/sorting.html (scroll down to the section "Example: Sorting in two dimensions"). Thanks for your pointers!

Suan

I'm attempting to create a form where a user can drag items from [List A] into [List B], from [List B] into [List A] and re-order items in [List B]. However, I do not want the user to be able to re-order items in [List A]; effectively, I don't want [List A] to accept items from itself.

dojo.require("dojo.dnd.Source");
dojo.require("dojo.dnd.Container");
dojo.require("dijit.TitlePane");
dojo.require("dijit.form.Button");

function init() {
var shoppingCatalog = new dojo.dnd.Source("shelf");
var cart = new dojo.dnd.Target("shoppingCart", {accept: ["inStock"]});
var resetSelections = function(){
cart.selectNone();
shoppingCatalog.selectNone();
};
// highlight valid drop targets when a drag operation starts;
dojo.subscribe("/dnd/start", null, highlightTargets);

I have an problem, where I need to programatically cancel a drag and drop (dnd) in progress. The reason for this is that when a div is dropped on the target, based on a series of algorithm checks (which can't be done earlier) the div will drop or it will fail.

I used to do

dojo.subscribe('/dnd/drop', function(source,nodes,iscopy){
    // do stuff
    var t = dojo.dnd.manager().target;
    t.containerState = '';
}

But since I've downloaded the latest version (which I needed for the grid updates) this no longer works.

Any help would be appreciated.

Hello!

I've got a page that allows users to drag and drop from a div defined as a 'source' to a div defined as a 'target.' However, I need for the user to be able to drag items back to the 'source' div. Is this possible, or do I need to redesign how this works?

Thanks!

Spaz

Hi,

I'm new to the Dojo toolkit so please bear with me if any of my queries seem elementary. I was going through the step by step tutorial by Revin Guillen on Drag and Drop - http://www.sitepen.com/blog/2008/06/10/dojo-drag-and-drop-1/

I'm building a sample application based on that tutorial. So I have a simple list whose elements the user can reorder using drag and drop. This is the code I'm using.

@import url("http://o.aolcdn.com/dojo/1.1.1/dojo/resources/dojo.css");

I have been playing around with Dojo's drag and drop functionalities lately to familiarize myself with the toolkit (v1.1.1).

One problem that I haven't been able to get just right is to make dragging items from a tree (copyOnly: true) into a dojo.dnd.Source which is an oredered list.
When I drop one of the tree items into the list, dojo appends a <div> element instead of creating a <li> element.

I'm busy making a drag'n'drop interface, from a source list of items to a destination list. On the items i also put a dijit.Tooltip. This works in the sourcelist, but once i dragged and dropped the item, the tooltip is gone. I'm using dojo 1.1.1. Any idea's?

Regards,

Edwin Eversdijk