Wyatt Baldwin » acts_as_tree http://wyattbaldwin.com Tue, 20 Jul 2010 17:43:25 +0000 en hourly 1 http://wordpress.org/?v=3.0 YUI TreeView with Ruby on Rails http://wyattbaldwin.com/2008/05/26/yui-treeview-with-ruby-on-rails/ http://wyattbaldwin.com/2008/05/26/yui-treeview-with-ruby-on-rails/#comments Tue, 27 May 2008 03:48:07 +0000 Wyatt http://wyattbaldwin.com/?p=184 Continue reading →]]> Here’s some code I’m using to generate a dynamic tree view using an acts_as_tree model with slug and title fields, the TreeView widget from YUI, and a Rails helper. I chopped out some of the code for clarity, so all this does is create a menu with the titles from the model, but the basic idea is there to expand on.

Rails view/JavaScript

<script type="text/javascript">
  var page_tree;
  page_tree_init = function () {
    page_tree = new YAHOO.widget.TreeView('page_tree');
    var root = page_tree.getRoot();
    <% generate_page_nodes(@root) {} %>
    page_tree.draw();
  };
  page_tree_init();
</script>

Ruby

def generate_page_nodes(node, &block)
  parent = node.parent
  node_name = node.slug.gsub('-', '_')
  parent_node_name = parent.nil? ? 'root' : parent.slug.gsub('-', '_')
  js = <<-JS
    var #{node_name} = new YAHOO.widget.MenuNode('<span class="node_title">#{node.title}</span>',
                                                 #{parent_node_name});
  JS
  concat(js, block.binding)
  children = node.children
  children.each { |c| generate_page_nodes(c, &block) } unless children.empty?
end
]]> http://wyattbaldwin.com/2008/05/26/yui-treeview-with-ruby-on-rails/feed/ 4