Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] Edit row in table

Estas en el tema de Edit row in table en el foro de Jquery en Foros del Web. Hola, Estoy probando este ejemplo, que he visto en Internet para editar filas de una tabla: http://mrbool.com/how-to-add-edit-and-delete-rows-of-a-html-table-with-jquery/26721 El problema que tengo es el siguiente: Cuando ...
  #1 (permalink)  
Antiguo 05/08/2015, 04:16
Avatar de estaisaderezados  
Fecha de Ingreso: noviembre-2010
Ubicación: Madrid
Mensajes: 96
Antigüedad: 13 años, 6 meses
Puntos: 3
Edit row in table

Hola,

Estoy probando este ejemplo, que he visto en Internet para editar filas de una tabla:
http://mrbool.com/how-to-add-edit-and-delete-rows-of-a-html-table-with-jquery/26721

El problema que tengo es el siguiente:

Cuando edito, he metido la validación, de que los campos no puedan estar vacíos.

if (tdNome.children("input[type=text]").val()==''
|| tdTelefone.children("input[type=text]").val()==''
|| tdEmail.children("input[type=text]").val()=='') {
alert("All mandatory fields are not completed");
}

Pero, por ejemplo, si introduzco nuevos registros, luego le doy a editar al primero, cuando trato de guardar, dejando un campo vacio, me salta el alert en función del número de filas que tenga en la tabla, y yo solo quiero, que el alert, se ejecute una vez, la del registro que estoy tratando de editar.

¿Me podrían ayudar?

Muchas gracias,
  #2 (permalink)  
Antiguo 05/08/2015, 16:16
 
Fecha de Ingreso: febrero-2006
Mensajes: 155
Antigüedad: 18 años, 2 meses
Puntos: 6
Respuesta: Edit row in table

Hola, suponiendo que tdNome es un objeto generado a través de un selector de jQuery, este obtendrá todas las coincidencias de selector indicado.

Para referirse a un único campo en una fila, deberías al momento de lanzar la función de editar, hacer referencia a un $(this) o al índice dentro de las coincidencias, al estilo tdNome.children("input[type='text']").eq(0).val() == ''

Slds!
  #3 (permalink)  
Antiguo 06/08/2015, 03:47
Avatar de estaisaderezados  
Fecha de Ingreso: noviembre-2010
Ubicación: Madrid
Mensajes: 96
Antigüedad: 13 años, 6 meses
Puntos: 3
Respuesta: Edit row in table

Gracias,

Pero parece que no termina de funcionar seguiré investigando.

También tengo una duda con este ejemplo, aunque no se si debería crear un nuevo tema, cuando edito, se genera dinámicamente los inputs, quisiera que alguno de los input mostrarán un calendario cuando toman el foco, lo estoy tratando de hacer con jquery-ui, pero no lo consigo, no muestra el calendario.

tdField10.html("<input type='text' id='txtField10' value='"+tdField10.html()+"' maxlength='10' class='date-picker' />");
tdField14.html("<input type='text' id='txtField14' value='"+tdField14.html()+"' maxlength='10' class='date-picker' />");

¿Alguna idea?

Un saludo y gracias de nuevo,
  #4 (permalink)  
Antiguo 06/08/2015, 04:11
Avatar de estaisaderezados  
Fecha de Ingreso: noviembre-2010
Ubicación: Madrid
Mensajes: 96
Antigüedad: 13 años, 6 meses
Puntos: 3
Respuesta: Edit row in table

Esto último ya lo he resuelto, he cargado el datepicker en el js donde genero los inputs dinámicamente.

Gracias,

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:03.