Comments on: Source Code For Ajax Based Drag Drop Navigation Tree in Ruby on Rails – the tree works well with firefox and IE-6

By: rails kb » Blog Archive » Drag and Drop Ajax Tree Control for Rails

rails kb » Blog Archive » Drag and Drop Ajax Tree Control for Rails — Fri, 25 Jan 2008 11:46:02 +0000

[...] best I’ve found is … AjaxTree of Sur Max the creator of the SimpleCaptcha Rails [...]

By: Susan

Susan — Thu, 05 Apr 2007 03:11:25 +0000

Cool! Well done! And thanks for sharing!!
I am slightly frustrated that I can’t drag a formerly root-item out from a leaf position. I can make 2 a branch of 4, but I can’t place it back in it’s original position.
I have been looking for some code to dragndrop images into order, and I think I will be able to learn from your sample. THANKS!!

By: Sur Max

Sur Max — Tue, 26 Dec 2006 07:47:18 +0000

Thanks Steven,
I guess i have missed that while extracting it from my application.
I will add it now.

Thanks.

By: StevenG

StevenG — Tue, 26 Dec 2006 06:16:59 +0000

Thanks for submitting this code. I have been looking at Javascript versions, but yours is much simpler and RoR native! It seemed the toggleBackground function was never called, so the selected item would never highlight. There may be a better way, but it can be fixed by adding


; toggleBackground($('#{n.id}_tree_item'));

to the loading or complete portion of




  
  
  {...},
  :loading=>"Element.show('tree_indicator')",
  :complete=>"Element.hide('tree_indicator'); "
  )}
  %>

in _ajax_tree.rhtml. In other words, you want


  :loading=>"Element.show('tree_indicator'); 
toggleBackground($('#{n.id}_tree_item'));",

By: Sur Max

Sur Max — Wed, 13 Dec 2006 14:34:11 +0000

Hi Kunjan !!
Drag any element and drop it onto an element of second level, and the dropped element will become child and become a third level element.
How you need not to explicitly specify any level for nodes, but just add any element having parent_id as the id of second level… third level… and so on.

By: Kunjan

Kunjan — Wed, 13 Dec 2006 13:43:03 +0000

How do I display the tree upto 2 or more Levels? Currently it is being displayed till only 1 level..

By: TimN

TimN — Mon, 11 Dec 2006 04:38:42 +0000

Sur,

I created my own “items” table with the fields you had in your schema, but other than that, I did follow the steps you described… I think

Do you know of a publicly available URL where your example app is running so that I could check it out?

Best,
Tim

By: Sur Max

Sur Max — Mon, 11 Dec 2006 03:36:32 +0000

Hi TimN !! Well, before i figure out if there is any problem, could you try the Sample Application in which you need not to code a single line but just need to follow 4 steps described Here. I will look forward if the problem still persists, let me know in any case whether or not the application is running fine. Thanks.

By: TimN

TimN — Sun, 10 Dec 2006 22:40:20 +0000

Sur,

Great project you are working on. I’ve implemented your code in the way you describe, but am still running into an RJS error. When I click on a parent group on the ’show’ page, my browser shows a javascript error:

RJS Error:
TypeError: Effect.toggle is not a function

This happens to me on the Mac (Safari & Firefox) as well as on a PC (IE).

I am fairly certain I implemented your code correctly (I did it twice, just to be sure and named all files and DB table the same as your example). Any ideas what I may be doing wrong?

Thanks,
Tim

By: Sur Max

Sur Max — Tue, 05 Dec 2006 17:45:23 +0000

Thanks Andy !!