Cargar table después de pasar form con jquery .load()
Cargar table después de pasar form con jquery .load()
MokasHernandez
Posts: 10Questions: 1Answers: 0
Tengo un problema al momento de estar navegando entre forms con jquery y .load(); hasta ahí va bien el problema bien cuando quiero volver a cargar mi tabla con un botón, no funciona, la estoy llenando con AJAX
$('#btn-rango').on('click', function() {
var textFechaI = $('#dateI').val();
var textFechaF = $('#dateF').val();
mytable = $('#myTable').DataTable({
destroy: true,
responsive: true,
rowReorder: {
selector: 'td:nth-child(2)'
},
'ajax': {
url: "get_data.php",
data: {'FechaI' : textFechaI,
'FechaF' : textFechaF},
type: "POST"
}
});
Digamos que la primera vez que entro a la página si hace bien la función y los filtros, pero si regreso digamos al form 1, y vuelvo a entrar a éste form 2, ya no hace la función el botón, pero si muestra alerts u otras funciones, solo el datatable deja de funcionar
This question has an accepted answers - jump to answer
Answers
Without seeing your page its hard to understand your problem description. What exactly stops working?
You might need to use
ajax.dataas a function. See the examples in the docs and this example.If you still need help please provide a link to your page or a test case replicating the issue so we can help debug.
https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case
Kevin
Error de Consola adjuntado:
Sounds like you haven't laoded datatables.js. See the Install docs and this base example. If you still need help the please post a link to your page or a test case showing the issue for debugging assistance.
https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case
Kevin
Lo que quiero es que al seleccionar ciertos parametros que tengo en un inputy type date, se recargue la tabla con esos nuevos filtros
Use
ajax.dataas a function as I mentioned above. When you want to fetch a new set of data useajax.reload().Kevin
Disculpa la pregunta pero referente al código que tengo, no sé muy bien como anexarlo
Edited by Kevin: Syntax highlighting. Details on how to highlight code using markdown can be found in this guide
Here is a simple example:
http://live.datatables.net/pigupuzi/1/edit
You can see the parameters being sent in the console or use the browser's network inspector tool.
Kevin
Muchas gracias compañero, me funciona perfectamente, tal cuál lo propusiste, muchas gracias
Pero me sigue duplicando el cuadro de búsqueda y el de paginación como lo mostré anteriormente
Sounds like a CSS issue. Make sure you have all the correct files by using the Download Builder. To help troubleshoot we will need to see the problem. Please post a link to your page or a test case showing the duplicated elements.
https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case
Kevin
Adjunto código de mis librerias, mi código al cargar el datatable y la iimagen de la evidencia
Quiero mencionar que estoy navegando entre páginas con jquery y el evento .load() para pasar a un siguiente formulario, no se si tenga que ver con esa duplicidad
Lines 13 and 14:
You are loading Datatables twice. Remove one of these lines.
Kevin
No compañero, las sigue duplicando ya quite una y deje la otra y viceversa y aún así
I placed your code from the last code snippet (the
scriptandlinktags) into the example test case:http://live.datatables.net/pigupuzi/2/edit
The Datatables elements aren't duplicated. Not sure what
styles/style.csshas but may it is conflicting or something else is conflicting. In order to help with styling issues we will need to see the problem. Please update the latest test case, create your own test case or provide a link to your page so we can take a look.Kevin
Encontramos que en mi código se está metiendo una datatable dentro de la otra datatable