Acts_as_tree edit view?

Rails
1

How would I make an acts_as_tree (or acts_as_nested_set) model
editable? Anyone know any nifty rjs in-place tree editor? Or a
treeview js widget that is editable (and is or can be integrated into
Rails)?

Thanks,

  • Mark.
2

On Nov 15, 2007 9:55 AM, Mark T. [email protected] wrote:

How would I make an acts_as_tree (or acts_as_nested_set) model
editable? Anyone know any nifty rjs in-place tree editor? Or a
treeview js widget that is editable (and is or can be integrated into
Rails)?

I use this drag and drop editor:
http://wiki.oriontransfer.co.nz/main/show/SortableTreeTutorial Sadly the
wiki for this software seems to get defaced regularly - but right now
that
page is still showing non-spam content.

3

Mark,

here is something I knocked up the other day. It allows navigation
and editing all on one screen, using ajax to do the updates and
navigate the select list. My plan is to integrate it into a redBox
popup for product categories. You may find some of it useful. The
select list part could be used in isolation for allocating the
category and the edit/add/delete fields included when editing
categories. this is still in early form, and there is room for
improvement. Perhaps it needs to be better crudded. But it works as
an example of a possible solution. Table has id, parent_id and name
fields. I havn’t added sort to it yet, but I probably will. For
clarity and brevity, I have removed the css formatting stuff that
makes it pretty, but you will get the idea.

Controller:

class CategoryController < ApplicationController

def show
@category=Category.find_by_parent_id nil
end

def pick
if params[:id]
@category=Category.find params[:id]
elsif params[:new]
@category=Category.find params[:category_id]
@[email protected] :name=>params[:name]
@category.save
@category=@new_category # optional - to go to new category rather
than stay in current one
elsif params[:delete]
@category=Category.find params[:delete_id]
@[email protected]
[email protected]
@category=@parent if r
elsif params[:category_id]
@category=Category.find params[:category_id]
@category.update_attribute :name, params[:name]
else
@category=Category.find_by_parent_id(nil)
end
render :update do |page|
page.replace_html ‘pick_category’, :partial=>‘pick’
page.replace_html :prompt, :partial=>‘layouts/all_messages’
end
end
end

VIEWS:

show.rhtml

<%=render :partial=>'pick' %>
--------------------- _pick.rhtml -------------------- Select Category: <%= category_select(@category)%>
<%= observe_field 'category_select', :url=>{:action=>'pick'}, :with=>'id' %> Edit Category Name: <%= text_field(:category, :name) if @category.ancestors.length>0 %>
<%= observe_field('category_name', :url=>{:action=>'pick', :category_id=>@category}, :with=>'name') if @category.ancestors.length>0 %> New Sub Category: <%= text_field_tag('new_category') if @category.ancestors.length<3 %>
<%= observe_field('new_category', :url=>{:action=>'pick', :category_id=>@category, :new=>true}, :with=>'name') if @category.ancestors.length<3 %> Delete Category: <%= link_to_remote(@category.name, :url=>{:action=>'pick', :delete=>true, :delete_id=>@category}) if @category.ancestors.any? and [email protected]? %>

HELPERS:
def category_select(cat)
depth,options=build_ancestors(cat)
cat.children.each {|c| options<< ["…/"*depth+c.name, c.id]}
select_tag ‘category_select’, options_for_select(options, cat.id)
end
def build_ancestors(cat)
if cat.parent_id
depth, options=build_ancestors(cat.parent)
return depth+1, options << ["…/"*depth+cat.name, cat.id]
else
return 0,[[cat.name, cat.id]]
end
end

Note 1. I particularly wanted to navigate the tree rather than
display the whole tree with all branches in the
select field so I have written the helpers to do that. You may prefer
to populate all branches, in which case there is example code on the
rails wiki.

Note 2. I don’t offer the delete option if the category has child
categories. You may prefer to allow deletion of the whole sub
branch.

hope this may be of some value
Tonypm