viernes, 11 de abril de 2008

árbol en rails


Si querés implementar una estructura con forma de árbol n-ario en rails, podés usar este pluging:  ActsAsTree
 
ActsAsTree lo que hace es crear una tabla en donde guarda el nombre de la clase, la primary key y el parent_id de cada instancia de cada modelo que nos interese que se comporte como árbol. Con esta tabla puede dar soporte a todos los modelos ActiveRecord que tengas definidos, además en cada modelo vas a tener acceso a estos métodos:

children() – all immediate children of current object
parent() – first ancestor of the current object
siblings() – all children of my parent excluding me
self_and_siblings() all children of my parent including me
ancestors() all parent, grandparent, etc… object up to root
root() the base object we descended from in the tree





Otra forma de hacer casi lo mismo pero sin un plugin y sin guardar las relaciones entre nodos en una tabla externa es la siguiente:

Suponiendo que tenemos el modelo "Box", lo que vamos a hacer es crear una estructura que permita guardar cajas dentro de cajas. Sólo vamos a guardar la relación de cada nodo con su padre.

primero hay que agregar el campo "parent_id" en la tabla "boxes":

  class BoxAddReferenceToParent <>
    def self.up 
      add_column :boxes, 
                 :parent_id, 
                 :integer 
    end 

    def self.down 
      remove_column :boxes, 
                    :parent_id 
    end 
  end


segundo, agregamos la relación en el modelo de cada nodo con su parent (en este caso el parent es la caja que contiene a cada instancia):

  class Box < ActiveRecord::Base
    belongs_to :parent, 
               :class_name => "Box", 
               :foreign_key => "parent_id"
  end

tercero y último, agregamos la relación de cada caja con las que están dentro de ellas:

  class Box < ActiveRecord::Base
    belongs_to :parent, 
               :class_name => "Box", 
               :foreign_key => "parent_id"

    has_many :children, 
             :class_name => "Box", 
             :foreign_key => "parent_id"
  end


listo!



Desde la consola de rails podés crear un par de cajas y probar algo como esto:

b = Box.find 17 
b.parent         # es la caja que contiene a b
b.children       # es un Array de los objetos Box que están dentro de b  

Esta solución no es tan automágica como ActsAsTree pero me parece mucho mas prolija, las relaciones entre los nodos están donde deben estar.


miércoles, 6 de febrero de 2008

mootools: sortable of sortables

Armé una demo de un sortable que contiene a otros tres sortables. Hace un tiempo había hecho la misma prueba pero con prototype+scriptaculus, la verdad que es mucho mas transparente con mootools y el código queda mucho mas limpio:


var master = new Sortables('master', { handle: 'span'});

var mySortables = new Sortables([$('lista_A'), $('lista_B'), $('lista_C')], {
cloneOpacity: 0.4,
elementOpacity: 0.8
});


La demo está funcionando en opera, safari, firefox, iexplorer y camino sin tener que hacer ningún hack por el browser; mootools se encarga solito!

En la demo  se pueden dragear los items dentro de una misma lista, entre las listas y también se puede hacer un drag desde la parte naranja para intercambiar una lista completa con otra.

Esta es otra demo que encontré pero usa scriptaculus.


martes, 5 de febrero de 2008

script tag

Haciendo unas pruebas con los sortables de mootools me encuentro con que el ejemplo que armé no funciona en FF pero si en Safari. Me pongo a tratar de encontrar el error y para eso voy sacando todo el código que encuentro por el camino con la idea de aislarlo. Llego al punto en el que simplemente defino una función en js y la llamo en el onclick de un button (nada mas simple); pero en FF me tira un error diciendo que la función no está definida. Pruebo de borrar una referencia a un js externo y comienza a funcionar.

¿Qué pasó? No había cerrado el tag de script en forma explícita.
Para el tag script la w3c dice: Start tag: required, End tag: required

<script scr="mootools.js" />

La forma correcta es:
<script scr="mootools.js"></script>

Dejo 2 links al respecto:

viernes, 7 de diciembre de 2007

otro blog!

Hoy es un día de nacimientos, nace notizia-z.
Con Diego surgió la idea de hacer un blog para postear las noticias bizarras y no tanto que leemos todos los días en la hora de almuerzo. Recuerdo cada una... por ejemplo la de los enanos de jardín de infobae; perfil no se queda atrás...     jaja

hola

¿Qué es gioos?
Es un lugar para publicar cosas que me interesan sobre desarrollo web, de video juegos y lo que sea, compartir opiniones y dar a conocer proyectos en los que estoy trabajando.

Antes tenía instalado un blog typo (no llegué a publicar nada) pero al final me decidí por blogger.

Bueno, así arranca el blog.