-1

Aqui estan los modelsAca en el view traido los colegios y destino que tengo en el admin[![Aqui traigo los colegios que tengo agragados en el admin y los muestro en un menu desplegable]3

Formulario que me diga cual es el valor del transporte con DJANGO. al seleccionar el colegio y el lugar donde vive me aparezca la tarifa (valor)

2
  • 1
    Sea más específico con su pregunta. Commented el 29 oct. 2018 a las 20:49
  • deberias agregar tus models Commented el 29 oct. 2018 a las 21:37

1 respuesta 1

1

Para esto debes usar algo de ajax, jquery similar a los combos dependientes. Primero que nada te sugiero unos ligeros cambios en tus models:

    class Colegio(models.Model):
        nombre = models.CharField(max_length=100)
        def __str__(self):
            return self.nombre
        ......
        ......

    class Destino(models.Model):
        nombre = models.CharField(max_length=100)
        def __str__(self):
            return self.nombre
        ......
        ......
   class Tarifa(models.Model):
        colegio = models.ForeignKey(Colegio, on_delete=models.CASCADE)
        destino = models.ForeignKey(Destino, on_delete=models.CASCADE)
        precio = models.FloatField()
        def __str__(self):
            return self.precio
        ......
        ......

Como puedes notar en los modelos no es necesario definir el id, dado que por defecto Django ya lo hace por id y lo pone con el nombre de id y autoincrementable, tambien otro cambio seria cambiar:

nombre_colegio, nombre_destino

por :

nombre de esta forma es mas claro y asi estipula la mayoria de manuales y reglas basicas de diseño y analisis de base de datos. en tu html:

    <select name="colegio" id="colegio" onchange="consultarPrecio();">
      <option value="" select disabled>Seleccione</option>
      {% for colegio in contratos %}
        <option value="{{ colegio.pk }}">{{ colegio.nombre }}</option>
      {% endfor %}
    </select>
    <select name="destino" id="destino" onchange="consultarPrecio();">
      <option value="" select disabled>Seleccione</option>
      {% for destino in destinos %}
        <option value="{{ destino.pk }}">{{ destino.nombre }}</option>
      {% endfor %}
    </select>
  <input type="text" name="tarifa" id="tarifa">

Si te fijas lo que se hace es agregar el evento onchange , y mediante javascript obtengo dichos valores y consulto en el model Tarifa, el codigo Javascript seria algo asi:

function consultarPrecio(){
 //obtengo los valores de mis select y valido que hayan sido seleccionados
  var colegio = $("#colegio").val();
  if(colegio == "" || colegio == null){
    alert("seleccione el colegio !!");
    return false;
  }
  var destino = $("#destino").val();
 if(destino == "" || destino == null){
    alert("seleccione el destino !!");
    return false;
  }
       //token
        var csrftoken = getCookie('csrftoken');
        $.ajax({
            type: "GET",
            url: "consultar_tarifa",
            data:{
                csrfmiddlewaretoken : csrftoken, 
                colegio:colegio,
                destino:destino
            },
            dataType: "json",
            success: function(data) {
                codigo = data.resultado;
                tarifa_data = data.precio[0];
                if(codigo=='ok_select'){
                   $("#tarifa").val(tarifa_data.precio);
                }
            },
            error: function( jqXHR, textStatus, errorThrown ) {

                if (jqXHR.status === 0) {

                    alert('Error al intentar Conectarse: Verifique su conexion a Internet.');

                } else if (jqXHR.status == 404) {

                    alert('La Pagina solicitada no fue encontrada [404]');

                } else if (jqXHR.status == 500) {

                    alert('Erro Interno [500]');

                } else if (textStatus === 'parsererror') {

                    alert('Error en el retorno de Datos. [parseJson]');

                } else if (textStatus === 'timeout') {

                    alert('Tiempo de Espera agotado');

                } else if (textStatus === 'abort') {
                    alert('Solicitud Abortada. [Ajax Request]');

                } else {
                    swal('Error desconocido: ' + jqXHR.responseText);

                }//end if 

            }//end error
        }); 

}//end function consultarPrecio

Tu urls.py:

 url(r'^consultar_tarifa', ConsultarTarifa, name='consultar_tarifa'),

en tu views.py:

def ConsultarTarifa(request):

    if request.method == 'GET':

        colegio = request.GET['colegio']
        destino = request.GET['destino']
        precio = Tarifa.objects.values().all().filter(colegio=colegio, destino=destino)
        precio_list = list(precio)

        data = {
            'resultado': 'ok_select',
            'precio': precio_list
        }
        return HttpResponse(json.dumps(data), content_type="application/json")

como se puede analizar lo que hago es obtener los valores de tus select(colegio, destino) mediante su id y luego se los envio x ajax hacia el views donde realizo una simple consulta y retorno la respuesta y esta la coloco en un input(tarifa) median el id. Existe mas formas, espero te sirva y te pueda guiar.suerte !!

Nota.- Cuando se hace llamados por ajax hacia django hay que incluir el token de django como estipula la documentacion ..revisala: ajax django

22
  • Muchas Gracias. Mi pregunta es como añado la tarifa en el admin. Commented el 31 oct. 2018 a las 15:35
  • @tatianahernandez saludos en este caso debes registrar tu modelo en django admin..para ello debes modificar el archivo admin.py.. que es aqui donde se registra tu model.. para gestionar el mismo desde el panel admin Commented el 31 oct. 2018 a las 16:15
  • from django.contrib import admin from miApp.models import Tarifa admin.site.register(Tarifa) Commented el 31 oct. 2018 a las 16:16
  • con ello bastaria y podras visualizarlo desde tu admin de django y gestionarlo Commented el 31 oct. 2018 a las 16:16
  • te sugiero revisar : tutorial.djangogirls.org/es/django_admin Commented el 31 oct. 2018 a las 16:21

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.