Utilizar javascript o CSS en el admin de Django

Es realmente sencillo utilizar javascript o CSS propio en el sitio de administración de nuestro proyecto Django. Para ello podemos añadir en nuestros ModelAdmin los archivos JS o CSS que necesitemos utilizando la clase Media en los modelos de administración. Aquí tenemos un ejemplo:

from django.db import models
from django.contrib import admin

from myapp.hotels.models import Modelo

class ModeloAdmin(admin.ModelAdmin):
    ...
    class Media:
        css = { "all": ("mis_estilos.css",) }
        js = ("/media/javascript/mi_javascript.js",)

admin.site.register(Modelo, ModeloAdmin)

Como el admin de Django utiliza jQuery podemos utilizar la función $(document).ready() de jQuery para que nuestro javascript se ejecute cuando el DOM se haya terminado de cargar. De esta forma nuestro archivo mi_javascript.js quedaría de la siguiente manera:

(function($) {
    $(document).ready(function($) {
         // aquí podemos utilizar jquery / javascript...
         alert('¡Ha funcionado!');
    });
})(django.jQuery);

Publicado por Antonio Melé el Jueves 13 de Octubre de 2011 Compártelo: Twitter: | Categorías: admin, javascript, media

Entradas similares

Utilizar jQuery en el admin de Django

Al personalizar alguna plantilla del sistema de administración podemos querer usar jQuery. Como el admin de Django ya hace uso de jQuery podemos utilizarlo ...

Expires headers lejanos y versiones de media

Un buen truco para mejorar el tiempo de carga de nuestras páginas es añadir a los archivos de media (imágenes, css, js) el header ...

Ejecutar tareas automáticas con django-chronograph

Django-chronograph es una aplicación que permite programar la ejecución de tareas automáticas de manage.py utilizando cron. Permite especificar las tareas a realizar y ...

Escribir comandos de administración en Django

Muchas veces nos gustaría crear comandos propios que puedan ejecutarse mediante django-admin.py ó el manage.py de nuestro proyecto. Django permite crear comandos ...

1 comentario:

El Jueves 16 de Febrero de 2012 Wendi dijo:
Why should we feel difficulties just because of academic essays accomplishing? Bright people invented custom papers writing services for us to choose buying essays online. Thus, we can to rid of our academic assignments writing stress!

Escribe un comentario:

Feed RSS

Suscríbete a nuestro feed RSS y al feed de la comunidad para estar al tanto de todo lo que ocurre entorno a Django.

Proyectos

django-thumbs te permite crear miniaturas de imágenes con Django.

Escribe en el blog

Tú también puedes escribir en éste blog. Para hacerlo basta con que nos digas sobre qué quieres escribir un artículo relacionado con Django.