Drag and Drop con Drupal 7

RC Rodrigo Cubillos Rodrigo Cubillos

Rodrigo Cubillos

Software Engineer
1 min read.

Cuándo trabajamos con Drupal, una de las mejores ventajas es la comunidad y el gran número de módulos desarrollados.  Pero en muchas ocasiones se necesita un desarrollo específico y podemos aprovechar las funcionalidades que ofrecen los módulos desarrollados para Drupal y el API que ellos nos ofrecen para no tener que escribir el código desde cero y solucionar problemas que ya otros desarrolladores han resuelto.

Uno de estos casos es el manejo de Drag and Drop para el manejo de listas que necesitamos que lleven un ordenamiento especial, diferente al de la fecha de creación.  Uno de los casos más comunes es el ordenamiento de contenido que se muestra en un "Slide".

No hay necesidad de realizar el desarrollo desde cero, ya que Drupal maneja esa funcionalidad para el ordenamiento en taxonomía, bloques y otras secciones.  Lo primero que debemos hacer es crear un contenido que nos permita esta funcionalidad, para esto debemos tener un contenido que tenga un campo de "peso". Debe ser una lista que nos indique la posición que va a tener el contenido, como lo vemos en la siguiente imagen.

Tipo de Contenido

Luego difinimos un tema con ayuda del hook_theme.



https://gist.github.com/334479... y creamos la función para ese tema.



https://gist.github.com/334480... Luego creamos un formulario que nos permita la funcionalidad drag and drop



https://gist.github.com/384483... Después de realizar estos pasos deberiamos poder ver una tabla como la siguiente figura:

De esta forma podemos ordenar fácilmente nuestros contenidos.


Written by Rodrigo Cubillos

RC Rodrigo Cubillos Rodrigo Cubillos

Rodrigo develops and optimizes software solutions, focusing on functionality and user experience. His expertise in coding and problem-solving ensures the creation of efficient and reliable applications.

Newsletter

Subscribe to our newsletter:

Read more

hstore: Creciendo con postgresql

Cada vez que vamos a hacer aplicaciones que puedan crecer y que tengan atributos "elásticos" en tablas ya existentes tenemos ...

1 min read.

Multiples Backgrounds con CSS3

Con CSS2 solo podíamos tener una imagen por cada elemento, pero ahora con CSS3 podemos tener tantas imágenes como queramos......

1 min read.

Build Once. Own Forever.