eliminar un tr de un table

[matak]

Buenas amigos del foro

Tengo esta estructura

Código html:

<table>
  <tr id='row1'>
    <td>
      contenido row1
    </td>
  </tr>
  <tr id='row2'>
    <td>
      contenido row2
    </td>
  </tr>
  <tr id='row3'>
    <td>
      contenido row3
    </td>
  </tr>
</table>
 

con que método o instrucción javascript podría eliminar un elemento TR por su id???

Muchas gracias de antemano

[David]

Llamando al método removeChild del nodo padre.

Saludos .

[matak]

Gracias David, algo como asi,no??

Código javascript:

function eliminarElemento(id_row){
 
    row= document.getElementById(id_row);
 
    if (!row){
        alert("El elemento selecionado no existe");
    } else {
        padre = row.parentNode;
        padre.removeChild(row);
    }
 
}
 

Saludos

[David]

Sí, así es .

[brianarvili]

Para agregar un TR sería lo mismo pero en vez del id del row sería el de la table y en removeChild que habría que reemplazar?

[David]

Debes primero crear el elemento con createElement y con addChild agregarlo a la tabla. Creo que hay un ejemplo en las FAQ's de cómo agregar elementos dinámicamente, puedes revisarlo.

Saludos .

[brianarvili]

function agregarTR()
{
var table =document.getElementById("ctl07_table_repeat");
if (!table)
{
alert("El elemento selecionado no existe");
}
else
{
var tr = document.createElement("TR");
padre = table.parentNode;
padre.addChild(tr);
}
}


supongamos que tengo esta funcion, hasta ahi le estaría creando un nuevo tr a la tabla, pero si quiero que el tr que agrego sea igualito a uno que ya tengo puedo clonarlo buscandolo por el id del tr que quiero clonar? en vez de construirlo de nuevo? Como sería si es que se puede?

[David]

En ese caso puedes usar cloneNode en vez de crear un nuevo elemento. Véase: https://developer.mozilla.org/en/DOM/element.cloneNode

P.S.: Solo como observación, no estás agregando el tr a la tabla, estás agregando al nodo padre de la tabla, modifícalo para que te agregue a la tabla, o sea, no necesitas el parentNode.

[brianarvili]

function AgregarTR()
{
var table =document.getElementById("ctl07_tableRepeat");
if (!table)
{
alert("El elemento selecionado no existe");
}
else
{
var tr = document.getElementById("ctl07_trAgregar");
var tr_new = tr.cloneNode(true);
table.addChild(tr_new);
}
}

ahi lo probé y no me deja hacer table.addChild, como tengo que agregarle el tr clonado?

[David]

No puedo creer que escribí addChild en vez de appendChild . Saludos .

[brianarvili]

jeje , si , justamente me había fijado y probe con appendChild y no me tiro error pero no me la agrego o por lo menos no veo que me la agregue. te paso la funcion de nuevo, aver si encuentras el error:
function AgregarTR()
{
var table =document.getElementById("ctl07_tableRepeat");
if (!table)
{
alert("El elemento selecionado no existe");
}
else
{
var tr = document.getElementById("ctl07_trAgregar");
var tr_new = tr.cloneNode(true);
table.appendChild(tr_new);
table.refresh();
}
}

[brianarvili]

Ahora lo hice funcionar agregandole un element TBODY y me anduvo
pero lo extraño es que se me agrega un segundo y vuelve a desaparecer.

esta table esta dentro de un ContentTemplate.
puede tener que ver?
tiene alguna solución?

[David]

¿Podrías poner el código HTML de la tabla?.

[brianarvili]

Aparentemente como el update panel tiene su propio postback perdía el estado.
Encontre una función que captura el postback del UpdatePanel:
function EndRequestHandler(sender, args)
{
alert(agregar);
if ((args.get_error() == undefined) && (agregar==true))
{
agregarTR();

}
else
{
alert("no te agrego");
}
}

function pageLoad()
{

Sys.WebForms.PageRequestManager.getInstance().add_ endRequest(EndRequestHandler);

}


La variable agregar arranca en false fuera de las funciones y cuando apreto nueva fila va a la funcion javascript que agrega el tr y la pone en True, el problema es que la primera vez me agrega doble TR... :S