</span>
'''
-AlumnoMultiSelectAjax = '''
+MultiSelectAjax = '''
- function _on_alumno_get_result(lista, results)
+ function _on_alumno_get_result(lista, loading, results)
{
+ load = MochiKit.DOM.getElement(loading);
load.style.visibility = 'hidden';
if (results.error) {
alert(results.msg);
return;
}
- MochiKit.DOM.appendChildNodes(lista, OPTION(results.msg));
+ MochiKit.DOM.appendChildNodes(lista, OPTION({'value':results.msg.id}, results.msg.value));
+ l = MochiKit.DOM.getElement(lista);
}
- function _on_alumno_get_error(results)
+ function _on_alumno_get_error(loading, results)
{
alert(results)
+ load = MochiKit.DOM.getElement(loading);
load.style.visibility = 'hidden';
}
- function agregar_a_la_lista(texto, lista)
- {
- 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), _on_alumno_get_error);
- t.value = "";
- }
-
function sacar_de_la_lista(lista)
{
l = MochiKit.DOM.getElement(lista);
for (i=l.selectedIndex; i<l.options.length-1;i++)
l.options[i] = l.options[i+1];
}
+
+ function _do_add(callback, texto, lista, loading)
+ {
+ url = callback(texto, lista);
+ t = MochiKit.DOM.getElement(texto);
+
+ load = MochiKit.DOM.getElement(loading);
+ load.style.visibility = 'visible';
+ var d = loadJSONDoc(url);
+ d.addCallbacks(partial(_on_alumno_get_result, lista, loading), partial(_on_alumno_get_error, loading));
+ }
'''
-class AlumnoMultiSelect(widgets.MultipleSelectField):
+class AjaxMultiSelect(widgets.MultipleSelectField):
template = '''
- <table xmlns:py="http://purl.org/kid/ns#" style="border:none; width:0%;">
- <tr><td>
- <input type="text" id="${field_id}_nuevo" />
- <img src="/static/images/loading.gif" align="baseline" style="visibility:hidden;" id="loading" width="16px" height="16px" />
+ <div style="width:250px" xmlns:py="http://purl.org/kid/ns#">
+ <div>
+ <input type="text" id="${field_id}_nuevo" size="10" value="padron"
+ style="color:#aaa;"
+ onfocus="this.style.color='#000'; if (this.value =='padron') { this.value=''; }"
+ onblur="if (this.value == '') { this.style.color='#aaa'; this.value='padron'; }" />
+ <img src="/static/images/loading.gif" align="baseline" style="visibility:hidden;" id="${name}_loading" width="16px" height="16px" />
<input type="button" id="_agregar" value="Agregar"
- onClick=" agregar_a_la_lista('${field_id}_nuevo', '${field_id}'); " />
- </td></tr>
- <tr><td>
+ onClick=" _do_add(${on_add}, '${field_id}_nuevo', '${field_id}', '${name}_loading'); " />
+ </div>
+ <div>
<select
multiple="multiple"
size="${size}"
/>
</optgroup>
</select>
- </td></tr>
- <tr><td align="center">
- <input type="button" id="_sacar" value="Borrar"
+ </div>
+ <div align="center">
+ <input type="button" id="_sacar" value="Borrar" style="width:100%;"
onClick="sacar_de_la_lista('${field_id}'); " />
- </td></tr>
- </table>
+ </div>
+ </div>
'''
- javascript = [widgets.JSSource(AlumnoMultiSelectAjax)]
+ javascript = [widgets.JSSource(MultiSelectAjax)]
+ on_add = "alert('Not defined action');"
+ def __init__(self, **kw):
+ self.params.append('on_add')
+ self.on_add = "alert('Not defined action');"
+ widgets.MultipleSelectField.__init__(self, **kw)