Buenas tardes,
Solicito su ayuda con el siguiente problema:
No me permite editar o eliminar cuando se carga la segunda pagina en adelante de mi DataTables solo me permite los primeros 10 registros, estos si se editan y se eliminan.
Muchas Gracias.
entre Desarrolladores
Recibe ayuda de expertos
Registrate y pregunta
Es gratis y fácil
Recibe respuestas
Respuestas, votos y comentarios
Vota y selecciona respuestas
Recibe puntos, vota y da la solución
Pregunta
No me permite editar o eliminar despues del 11 registro en adelante de mi DataTables
- preguntó
- Web
- 888 Vistas
- 1 Respuestas
- abierta
1 Respuesta
Basado en tu descripción, parece que el problema está relacionado con la paginación de DataTables. Por defecto, DataTables divide los resultados en varias páginas y solo muestra un número limitado de registros por página. Cuando se hace clic en el botón de editar o eliminar en la página 2 (o posteriores), es posible que no se esté capturando correctamente el evento debido a la forma en que se maneja la paginación.
Para solucionar este problema, puedes intentar utilizar el evento delegado de jQuery para capturar los clics en los botones de editar y eliminar, incluso para los registros que están en páginas posteriores. Aquí hay un ejemplo de cómo hacerlo:
javascript
$(document).ready(function() {
$('#example1').on('click', '.edit', function() {
// Código para abrir la ventana modal de edición
// Puedes acceder al ID del registro utilizando $(this).data('id')
});
$('#example1').on('click', '.delete', function() {
// Código para abrir la ventana modal de eliminación
// Puedes acceder al ID del registro utilizando $(this).data('id')
});
});
En este ejemplo, estamos utilizando el evento click en el elemento con el ID example1, pero estamos especificando el selector .edit o .delete para capturar los clics en los botones de editar y eliminar, respectivamente. Esto asegura que los eventos se capturen incluso en elementos que se agregan dinámicamente en páginas posteriores debido a la paginación de DataTables.
Asegúrate de colocar este código después de cargar las bibliotecas de jQuery y DataTables en tu página. Con esto, deberías poder capturar los clics en los botones de editar y eliminar en todas las páginas de la tabla.
<script>
$(document).ready(function() {
$('#example1').on('click', '.edit', function() {
$('.edit').click(function(e){
e.preventDefault();
$('#edit').modal('show');
var id = $(this).data('id');
getRow(id);
});
$('.delete').click(function(e){
e.preventDefault();
$('#delete').modal('show');
var id = $(this).data('id');
getRow(id);
});
// Código para abrir la ventana modal de edición
// Puedes acceder al ID del registro utilizando $(this).data('id')
});
$('#example1').on('click', '.delete', function() {
$('.edit').click(function(e){
e.preventDefault();
$('#edit').modal('show');
var id = $(this).data('id');
getRow(id);
});
$('.delete').click(function(e){
e.preventDefault();
$('#delete').modal('show');
var id = $(this).data('id');
getRow(id);
});
// Código para abrir la ventana modal de eliminación
// Puedes acceder al ID del registro utilizando $(this).data('id')
});
});
</script>
Espero que esta solución te ayude a resolver el problema. Si aún tienes dificultades, por favor proporciona más detalles o el código relevante para que pueda brindarte una ayuda más precisa.
Por favor, accede o regístrate para añadir un comentario.
Por favor, accede o regístrate para responder a esta pregunta.
En el blog
-
- 406380
- 1
- Jul 5, 2015
Sin Respuesta
-
- 20
- 0
- Sep 19
-
- 50
- 0
- Ago 21
-
- 139
- 0
- May 14
-
- 120
- 0
- Abr 21
-
- 215
- 0
- Mar 31
-
- 189
- 0
- Mar 27
-
- 1005
- 0
- Feb 18
-
- 329
- 0
- Nov 23, 2022
- ver todas
Preguntas relacionadas
- Formulario de registro en ventana modal con Yii Framework
- Envio variable a mi modal bootstrap y me sale el error, variable undefined
- Quiero hacer una consulta mysql en mi modal, necesito una variable de la fila de mi tabla principal. necesito ayuda
- Cuando uso include_once en php no funciona las hojas de estilo css (uso bootstrap)
- Error en php me dice Uncaught exception 'PDOException',Undefined index: Time_Destination
Actividad Reciente
pedrourday preguntó Sep 19
Alternativas a ThreeJS y BabylonJS?pedrourday preguntó Ago 21
¿Que tecnologias y lenguajes me recomiendan?Fabio respondió Jul 11
plugin de efecto circular 3d en imagenesSergio-HiTech respondió Jun 9
Crear tabla de horarios de C#Sergio-HiTech respondió Jun 9
¿Que libro/tutorial para un programador sin base q…Sergio-HiTech respondió Jun 9
C# Problema con comboboxdanielaGM preguntó May 14
Generar reporte con PhpWord con un CRUDrach preguntó Abr 21
Cruzar excel por id con pythonelporfirio respondió Feb 22
Construir URL para actualizar contraseña después d…
Ultimas Preguntas
Preguntas relacionadas
- Formulario de registro en ventana modal con Yii Framework
- Envio variable a mi modal bootstrap y me sale el error, variable undefined
- Quiero hacer una consulta mysql en mi modal, necesito una variable de la fila de mi tabla principal. necesito ayuda
- Cuando uso include_once en php no funciona las hojas de estilo css (uso bootstrap)
- Error en php me dice Uncaught exception 'PDOException',Undefined index: Time_Destination
Usuarios Top
- Leonardo-Tadei
- 227320 Puntos
- Peter
- 150430 Puntos
- white
- 75880 Puntos
- carlossevi
- 63580 Puntos
- magarzon
- 30650 Puntos
- pregunton
- 20400 Puntos