modificando ajax para salvar dados aproveitando o form e modificando loader

media/js/diagnosticos/diagnosticos_categoria_form.js

@@ -12,12 +12,12 @@ $.ajaxSetup({
   dataType: "text",
   beforeSend: function() {
     nun_ajax++
-    $('#working').show()
+    $.mobile.showPageLoadingMsg();
   },
   success: function() {
     nun_ajax--
     if (nun_ajax == 0) {
-      $('#working').hide()
+      $.mobile.hidePageLoadingMsg();
     }
   },
   error: function(msg) {
@@ -35,10 +35,7 @@ $(document).ready(function() {
   // ao modificar o campo
   $("div.ui-field-contain input").change(function () {
     $.ajax({
-      data: {
+      data: $('#diagnostico').serializeArray()
-        schema: this.name,
-        value: this.value
-      }
     })
   })
 });

sigi/apps/diagnosticos/forms.py

@@ -28,9 +28,10 @@ class DiagnosticoMobileForm(BaseDynamicEntityForm):
         self._build_dynamics_fields(category)
 
     def __iter__(self):
-        fields_by_label = [ (field.label, field) for field in self.fields.values()]
+        # ordena os campos do formulario usando o atributo label
-        for label, field in sorted(fields_by_label):
+        fields_by_label = [(field.label, name, field) for name, field in self.fields.items()]
-            yield BoundField(self, field, field.label)
+        for label, name, field in sorted(fields_by_label):
+            yield BoundField(self, field, name)
 
     def _build_dynamics_fields(self, category):
         """Método da classe ``BaseDynamicEntityForm`` sobrescrita,

sigi/apps/diagnosticos/views.py

@@ -43,8 +43,11 @@ def categoria_detalhes(request, id_diagnostico, id_categoria):
         context = RequestContext(request)
         return render_to_response('mobile/404.html', {})
 
-    # Criando o formulário e passando o diagnóstico selecionado
+    if request.POST:
-    # para ser editado pelo form.
+        form = DiagnosticoMobileForm(request.POST, instance=diagnostico, category=id_categoria)
+        if form.is_valid():
+          form.save()
+    else:
         form = DiagnosticoMobileForm(instance=diagnostico, category=id_categoria)
 
     context = RequestContext(request, {'form': form, 'categoria': categoria})

sigi/templates/diagnosticos/diagnosticos_categorias_form.html

@@ -1,5 +1,10 @@
 {% extends "base_mobile.html" %}
 
+{% block media %}
+    {{ block.super }}
+    <script src="{{MEDIA_URL}}js/diagnosticos/diagnosticos_categoria_form.js"></script>
+{% endblock %}
+
 {% block cabecalho %}
     <h1>{{ categoria.nome }}</h1>
     <a href="{% url lista_categorias categoria.id %}" data-icon="arrow-l" 
@@ -8,7 +13,7 @@
 
 {% block corpo %}
     {% if form %}
-        <form action="." method="post">
+        <form id="diagnostico" action="." method="post">
              {% for field in form %}
                  <div data-role="fieldcontain">
                     <label for="{{ field.name }}">{{ field.label }}</label>