2011-04-13 13 views
18

Estoy usando tablas de datos. Mi código está funcionando bien. Ahora quiero agregar una imagen de cargador (gif). No sé cómo agregar esto. Aquí está mi script datatable hasta el momento.Quiero mostrar GIF cargador en tablas de datos

$(document).ready(function() { 
    $("#dvloader").show(); 
    oTable = $('#example').dataTable({ 
     "bJQueryUI": true, 
     "sPaginationType": "full_numbers"     
    }); 
}); 

Aquí es mi cargador:

<div id="loader"> 
    <img src="ajaxloader.gif" /> 
</div> 
+0

no mencionó dónde y en qué evento desea mostrar esta imagen, ¿Desea reemplazar la cadena 'Procesando ,,,' con esta imagen? – anu

+0

@anu sí Quiero mostrar la imagen. –

Respuesta

55

Si desea reemplazar el 'Procesamiento ...' cadena con una imagen como usted ha mencionado en el comentario es necesario que echar un vistazo here

$('#example').dataTable({ 
    oLanguage: { 
     sProcessing: "<img src='loading.gif'>" 
    }, 
    processing : true 
}); 
+5

No se olvide de agregar la opción 'processing: true' – sulaiman

+4

Para cualquier persona que trabaje con datatables heredados, debe usar' bProcessing: true' en lugar de 'processing: true' – mason81

+0

He usado la misma manera, pero la imagen no se muestra para IE 11 y Chrome. Solo funciona bien en Firfox. –

8

En tablas de datos y 1.10 en adelante, se debe utilizar:

$('#example').dataTable({ 
    language: { 
    processing: "<img src='loading.gif'>" 
    }, 
    processing: true 
}); 

No se requiere a partir de hoy, pero es más estándar dada la nueva documentación. El proyecto cambió de usar Hungarian notation to standard camelCase en la actualización más reciente. De interés:

Tenga en cuenta que la opción de notación húngara está en desuso y se eliminará en futuras versiones de las extensiones (en la próxima actualización de la versión principal de la extensión, es decir, 1.x a 2.x, aunque 2.x. no está planeado durante mucho tiempo por venir - ¡todavía hay mucha vida en la serie 1.x!). La documentación de las extensiones se actualizará para eliminar la notación húngara antes de ese punto.

Cuestiones relacionadas