0

Buenas ante todo, estoy intentando llenar una tabla con jquery y Datatable. ya he leido varios tutoriales y nada, no me llena la tabla. A continuacion les pondre mis codigos:

codigo del lado del servidor con django

@login_required
def activos_mostrar(request):
if request.method == 'GET':
    obj_activos = Activos.objects.values('id', 'nombre', 'direccion_ip', 'tipos_dispositivos', 'sistema_operativo', 'valor_activo')
    obj_activos_temp = {}
    obj_activos_temp['draw'] = request.GET['draw']
    obj_activos_temp['recordsTotal'] = len(obj_activos)
    obj_activos_temp['recordsFiltered'] = len(obj_activos)
    if len(obj_activos) != 0:
        for temp in obj_activos:
            if 'data' in obj_activos_temp:
                obj_activos_temp['data'].append({'icon': "<img src=\" \# \" class= \" ui-icon ui-icon-circle-plus \" >", 'nombre': temp['nombre'],  'direccion_ip': temp['direccion_ip'], 'tipos_dispositivos': temp['tipos_dispositivos'], 'sistemas_operativo': temp['sistema_operativo'], 'valor_activo': temp['valor_activo'], 'vuln_planif': "no", 'disp_planif': "no", 'extra': temp['id']})
            else:
                obj_activos_temp.setdefault('data', {'icon': "<img src=\" \# \" class= \" ui-icon ui-icon-circle-plus \" >", 'nombre': temp['nombre'],  'direccion_ip': temp['direccion_ip'], 'tipos_dispositivos': temp['tipos_dispositivos'], 'sistemas_operativo': temp['sistema_operativo'], 'valor_activo': temp['valor_activo'], 'vuln_planif': "no", 'disp_planif': "no", 'extra': temp['id']})
    else:
        obj_activos_temp['data'] = ""
    return JsonResponse(obj_activos_temp)

codigo en el template:

var table = $("#table_activos").dataTable({
                    "processing": true,
                    "serverSide": true,
                    "pagingType": "full_numbers",
                    "ajax": "activos/mostrar/",
                    "columns": [
                        { "data": "icon" },
                        { "data": "nombre" },
                        { "data": "direccion_ip" },
                        { "data": "tipos_dispositivos" },
                        { "data": "sistema_operativo" },
                        { "data": "valor_activo" },
                        { "data": "vuln_planif" },
                        { "data": "disp_planif" }
                    ],
                    "language": {
                        "zeroRecords": "No hay activos disponibles"
                    }
         });
<link type="text/css" href="{{ STATIC_PREFIX }}css/jquery-ui.min.css" rel="stylesheet" />
        <link type="text/css" href="{{ STATIC_PREFIX }}datatables/DataTables-1.10.16/css/jquery.dataTables.min.css" rel="stylesheet" />
        <link type="text/css" href="{{ STATIC_PREFIX }}datatables/DataTables-1.10.16/css/dataTables.jqueryui.min.css" rel="stylesheet" />

        <script type="text/javascript" charset="utf-8" src="{{ STATIC_PREFIX }}js/jquery-1.11.3.min.js" ></script>
        <script type="text/javascript" src="{{ STATIC_PREFIX }}js/jquery-ui.min.js"></script>
        <script type="text/javascript" src="{{ STATIC_PREFIX }}datatables/DataTables-1.10.16/js/jquery.dataTables.min.js"></script>
        <script type="text/javascript" src="{{ STATIC_PREFIX }}datatables/DataTables-1.10.16/js/dataTables.jqueryui.min.js"></script>

    

   <table id="table_activos">
                        <thead>
                            <tr>
                                <th></th>
                                <th>NOMBRE EQUIPO</th>
                                <th>IP</th>
                                <th>TIPO DE DISPOSITIVO</th>
                                <th>SISTEMA OPERATIVO</th>
                                <th>VALOR ACTIVO</th>
                                <th>VULN PLANIFICADO</th>
                                <th>DISPONIBILIDAD CONFIG</th>
                            </tr>
                        </thead>
                    </table>

Este es mi json response

recordsFiltered: 1
recordsTotal: 1
recordsFiltered 1
data: Object
    tipos_dispositivos: 1
    nombre: er
    vuln_planif: no
    valor_activo: 2
    sistema_operativo: 1
    direccion_ip: 1.1.1.1
    disp_planif: no
    icon: <img src=" \# " class= " ui-icon ui-icon-circle-plus " >
    DT_RowData: Object
        pkey: 1
    DT_RowId: 1
draw: 1
16
  • ¿Puedes adjuntar el JsonResponse que te retorna la url activos/mostrar/?
    – bypabloc_
    el 3 oct. 2017 a las 6:45
  • En el response no veo el draw, en las columnas del datatables estas indicando 8 y en la cabecera de la tabla indicas 9 columnas.
    – bypabloc_
    el 3 oct. 2017 a las 7:37
  • Adjunta el objeto que obtienes en data.
    – bypabloc_
    el 3 oct. 2017 a las 7:37
  • No puse data: Object para mostrar textualmente como me sale en debugger.
    – linurandy
    el 3 oct. 2017 a las 8:07
  • ¿Ya intentaste acomodando lo de las columnas?
    – bypabloc_
    el 3 oct. 2017 a las 8:09

1 respuesta 1

0

La respuesta era sencilla en vez de en mi codigo python usar la funcion setdefault solo tenia que hacer:

@login_required
def activos_mostrar(request):
if request.method == 'GET':
    obj_activos = Activos.objects.values('id', 'nombre', 'direccion_ip', 'tipos_dispositivos', 'sistema_operativo', 'valor_activo')
    obj_activos_temp = {}
    obj_activos_temp['draw'] = request.GET['draw']
    obj_activos_temp['recordsTotal'] = len(obj_activos)
    obj_activos_temp['recordsFiltered'] = len(obj_activos)
    if len(obj_activos) != 0:
        for temp in obj_activos:
            if 'data' in obj_activos_temp:
                obj_activos_temp['data'].append({'icon': "<img src=\" \# \" class= \" ui-icon ui-icon-circle-plus \" >", 'nombre': temp['nombre'],  'direccion_ip': temp['direccion_ip'], 'tipos_dispositivos': temp['tipos_dispositivos'], 'sistemas_operativo': temp['sistema_operativo'], 'valor_activo': temp['valor_activo'], 'vuln_planif': "no", 'disp_planif': "no", 'extra': temp['id']})
            else:
                obj_activos_temp['data'] = [{'icon': "<img src=\" \# \" class= \" ui-icon ui-icon-circle-plus \" >", 'nombre': temp['nombre'],  'direccion_ip': temp['direccion_ip'], 'tipos_dispositivos': temp['tipos_dispositivos'], 'sistemas_operativo': temp['sistema_operativo'], 'valor_activo': temp['valor_activo'], 'vuln_planif': "no", 'disp_planif': "no", 'extra': temp['id']}]
else:
    obj_activos_temp['data'] = ""
return JsonResponse(obj_activos_temp)

Tu Respuesta

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

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