From 78a6598120e9b1dd321fb3f1d6ee2bc40ffb6c1b Mon Sep 17 00:00:00 2001 From: Ricardo Markiewicz Date: Tue, 27 Feb 2007 22:19:00 +0000 Subject: [PATCH] AjaxMultiSelect widget generico. Widget puleta para crear una lista de objetitos para agregar a nuestros objetos. El widget funciona como un MultipleSelectField con algunos agregados ajaxosos que funcionan out-of-the-box. Pasa usar el widget el unico requisito es pasar el parametro on_add, que debe ser el nombre de una funcion javascript que se crea junto con el form (externa al widget y que tiene la logica de validacion prellamada AJAXosa y la llamada en si). Ejemplo : en Curso queremos poder agregar la lista de miembros del widget, entonces agregarmos al form lo siguiente : alumnos = AjaxMultiSelect(name='alumnos', label=_(u'Integrantes'), validator=V.Int(), on_add="alumnos_agregar_a_la_lista") javascript = [W.JSSource(ajax)] Definiendo en ajax nuestra funcion como sigue : function alumnos_agregar_a_la_lista(texto, lista, loading) { } texto contiene el ID (como string) de donde leer el valor a agregar. Lista corresponde al ID de la lista en si y loading del icono que muestra que se esta haciendo algo. Para mas detalles como lanzar el JSON y eso ver el ejemplo en Curso. TODO : hacer que este metodo sea mas facil de implementar :) --- sercom/subcontrollers/grupo/__init__.py | 27 +++++++++++++++++- sercom/widgets.py | 38 ++++++------------------- 2 files changed, 35 insertions(+), 30 deletions(-) diff --git a/sercom/subcontrollers/grupo/__init__.py b/sercom/subcontrollers/grupo/__init__.py index 6e28994..46422c7 100644 --- a/sercom/subcontrollers/grupo/__init__.py +++ b/sercom/subcontrollers/grupo/__init__.py @@ -62,6 +62,31 @@ def get_cursos(): return [(0, u'---')] + [(fk1.id, fk1.shortrepr()) for fk1 in Curso.select()] ajax = u""" + function alumnos_agregar_a_la_lista(texto, lista, loading) + { + t = MochiKit.DOM.getElement(texto); + + /* Como no se si se puede hacer de otra manera, asumo que tengo en + * el form un Combo que se llama curso en el codigo, y tiro error si + * no existe + */ + curso = MochiKit.DOM.getElement('form_cursoID'); + if (!curso) { + alert("No deberias ver esto, y quiere decir que tu form esta roto.\\nTe falta un combo de curso"); + return; + } + if (curso.options[curso.selectedIndex].value <= 0) { + alert('Debes seleccionar un curso primero'); + return; + } + load = MochiKit.DOM.getElement(loading); + load.style.visibility = 'visible'; + url = "/grupo/get_inscripto?cursoid="+curso.options[curso.selectedIndex].value+"&padron="+t.value; + var d = loadJSONDoc(url); + d.addCallbacks(partial(_on_alumno_get_result, lista, loading), partial(_on_alumno_get_error, loading)); + t.value = ""; + } + function err (err) { alert("The metadata for MochiKit.Async could not be fetched :("); @@ -112,7 +137,7 @@ class GrupoForm(W.TableForm): validator = V.Int(not_empty=True)) nombre = W.TextField(label=_(u'Nombre'), validator=V.UnicodeString(not_empty=True,strip=True)) responsable = CustomTextField(label=_(u'Responsable'), validator=V.UnicodeString(not_empty=True), attrs=dict(size='8')) - alumnos = AlumnoMultiSelect(name='alumnos', label=_(u'Integrantes'), validator=V.Int()) + alumnos = AjaxMultiSelect(name='alumnos', label=_(u'Integrantes'), validator=V.Int(), on_add="alumnos_agregar_a_la_lista") fields = Fields() javascript = [W.JSSource("MochiKit.DOM.focusOnLoad('curso');"), W.JSSource(ajax)] diff --git a/sercom/widgets.py b/sercom/widgets.py index 5a06ea7..419fa63 100644 --- a/sercom/widgets.py +++ b/sercom/widgets.py @@ -19,7 +19,7 @@ class CustomTextField(widgets.TextField): ''' -AlumnoMultiSelectAjax = ''' +MultiSelectAjax = ''' function _on_alumno_get_result(lista, loading, results) { @@ -43,31 +43,6 @@ AlumnoMultiSelectAjax = ''' load.style.visibility = 'hidden'; } - function agregar_a_la_lista(texto, lista, loading) - { - t = MochiKit.DOM.getElement(texto); - - /* Como no se si se puede hacer de otra manera, asumo que tengo en - * el form un Combo que se llama curso en el codigo, y tiro error si - * no existe - */ - curso = MochiKit.DOM.getElement('form_cursoID'); - if (!curso) { - alert("No deberias ver esto, y quiere decir que tu form esta roto.\\nTe falta un combo de curso"); - return; - } - if (curso.options[curso.selectedIndex].value <= 0) { - alert('Debes seleccionar un curso primero'); - return; - } - load = MochiKit.DOM.getElement(loading); - load.style.visibility = 'visible'; - url = "/grupo/get_inscripto?cursoid="+curso.options[curso.selectedIndex].value+"&padron="+t.value; - var d = loadJSONDoc(url); - d.addCallbacks(partial(_on_alumno_get_result, lista, loading), partial(_on_alumno_get_error, loading)); - t.value = ""; - } - function sacar_de_la_lista(lista) { l = MochiKit.DOM.getElement(lista); @@ -84,14 +59,14 @@ AlumnoMultiSelectAjax = ''' } ''' -class AlumnoMultiSelect(widgets.MultipleSelectField): +class AjaxMultiSelect(widgets.MultipleSelectField): template = '''
+ onClick=" ${on_add}('${field_id}_nuevo', '${field_id}', '${name}_loading'); " />