Insercion y eliminacion de filas de una Tabla

[Sicofrat]

Hola amigos, ando mas perdido que papa noel sin rudolf xd

Me explico, tengo el siguiente codigo en HTML:

Código HTML:

<asp:Table  runat="server" ID="tablaImagenes" width="98%" border="0" cellspacing="1">
 
<asp:TableRow ID="TableRow1" runat="server">
<asp:TableCell ID="TableCell1" runat="server" scope="col" class="cantidad">Cantidad</asp:TableCell>
<asp:TableCell ID="TableCell2" runat="server" scope="col"><%= Util.GetTranslation("nInventario") %></asp:TableCell>
<asp:TableCell ID="TableCell3" runat="server" scope="col" class="funcionalidad_ico"></asp:TableCell>
<asp:TableCell ID="TableCell4" runat="server" scope="col" class="funcionalidad_ico"></asp:TableCell>
</asp:TableRow>
 
<asp:TableRow ID="TableRow2" runat="server">
<asp:TableCell ID="TableCell5" runat="server"><asp:textbox runat="server" name="cantidad" type="text" id="Textbox1" > </asp:textbox></asp:TableCell>
<asp:TableCell ID="TableCell6" runat="server"><asp:textbox runat="server" name="" id="Textbox2"></asp:textbox></asp:TableCell>
<asp:TableCell ID="TableCell7" runat="server"><asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/images/ADD.gif" alt="Nuevo Registro" OnClick="btnAnadir_Click"></asp:ImageButton></asp:TableCell>
<asp:TableCell ID="TableCell8" runat="server"><asp:ImageButton ID="ImageButton2" runat="server" ImageUrl="~/images/DELETE.gif" alt="Borrar Registro" ></asp:ImageButton></asp:TableCell>
</asp:TableRow>
 
<asp:TableRow ID="TableRow3" runat="server">
<asp:TableCell ID="TableCell9" runat="server"><asp:textbox runat="server" name="cantidad" type="text" id="Textbox3" > </asp:textbox></asp:TableCell>
<asp:TableCell ID="TableCell10" runat="server"><asp:textbox runat="server" name="" id="Textbox4"></asp:textbox></asp:TableCell>
<asp:TableCell ID="TableCell11" runat="server"><asp:ImageButton ID="ImageButton3" runat="server" ImageUrl="~/images/ADD.gif" alt="Nuevo Registro" OnClick="btnAnadir_Click"></asp:ImageButton></asp:TableCell>
<asp:TableCell ID="TableCell12" runat="server"><asp:ImageButton ID="ImageButton4" runat="server" ImageUrl="~/images/DELETE.gif" alt="Borrar Registro" ></asp:ImageButton></asp:TableCell>
</asp:TableRow>               
        
<asp:TableRow ID="TableRow4" runat="server">
<asp:TableCell ID="TableCell13" runat="server"><asp:textbox runat="server" name="cantidad" type="text" id="Textbox5" > </asp:textbox></asp:TableCell>
<asp:TableCell ID="TableCell14" runat="server"><asp:textbox runat="server" name="" id="Textbox6"></asp:textbox></asp:TableCell>
<asp:TableCell ID="TableCell15" runat="server"><asp:ImageButton ID="ImageButton5" runat="server" ImageUrl="~/images/ADD.gif" alt="Nuevo Registro" OnClick="btnAnadir_Click"></asp:ImageButton></asp:TableCell>
<asp:TableCell ID="TableCell16" runat="server"><asp:ImageButton ID="ImageButton6" runat="server" ImageUrl="~/images/DELETE.gif" alt="Borrar Registro" ></asp:ImageButton></asp:TableCell>
</asp:TableRow>  
                     
</asp:Table>
 

Es una tabla con 4 columnas y 3 filas por defecto. La primera columna tiene un asp:textbox, la segunda tambien y la tercera y cuarta son botones de imagen que cuando se presionan se añade 1 fila o se elimina.

Estoy intentando hacer este proceso en javascript para añadir filas o eliminarlas (con sus asp:textbox y sus botonoes de imagen) segun el boton imagen seleccionado. Ademas tengo que controlar que almenos quede una fila sin eliminar.

Provee a hacerlo en codigo servidor pero al recargarse la pagina se borraba la fila que habia creado anteriormente y sus datos :(.

Espero vuestras opiniones y/o ayuda que me estoy volviendo .

Un saludo

[caricatos]

Hola:

Deberías poner el código que conoce el navegador (ver código fuente)... no todos entendemos asp (yo al menos no)

Si usas un botón dentro de una celda tal vez sea algo así:

<button onclick="this.parentNode.parentNode.parentNode.rem oveChild(this.parentNode.parentNode)" >eliminar esta fila...</button>

donde this es el botón,
this.parentNode es la celda (td),
this.parentNode.parentNode es la fila (tr),
this.parentNode.parentNode.parentNode es el cuerpo de la tabla (tbody)

Saludos

[Sicofrat]

El codigo fuente que me aparece es este:

Código HTML:

<table id="ctl00_plcMain_CMSRepeater18_ctl00_ctl00_PatrimonioFormularioPeticionImagen1_tablaImagenes" cellspacing="1" border="0" border="0" style="width:98%;">
 
<tr id="ctl00_plcMain_CMSRepeater18_ctl00_ctl00_PatrimonioFormularioPeticionImagen1_TableRow1">
<td id="ctl00_plcMain_CMSRepeater18_ctl00_ctl00_PatrimonioFormularioPeticionImagen1_TableCell1" scope="col" class="cantidad">Cantidad</td>
<td id="ctl00_plcMain_CMSRepeater18_ctl00_ctl00_PatrimonioFormularioPeticionImagen1_TableCell2" scope="col">Nº Inventario</td>
<td id="ctl00_plcMain_CMSRepeater18_ctl00_ctl00_PatrimonioFormularioPeticionImagen1_TableCell3" scope="col" class="funcionalidad_ico"></td><td id="ctl00_plcMain_CMSRepeater18_ctl00_ctl00_PatrimonioFormularioPeticionImagen1_TableCell4" scope="col" class="funcionalidad_ico"></td>
</tr>
 
<tr id="ctl00_plcMain_CMSRepeater18_ctl00_ctl00_PatrimonioFormularioPeticionImagen1_TableRow2">
<td id="ctl00_plcMain_CMSRepeater18_ctl00_ctl00_PatrimonioFormularioPeticionImagen1_TableCell5"><input name="ctl00$plcMain$CMSRepeater18$ctl00$ctl00$PatrimonioFormularioPeticionImagen1$Textbox1" type="text" id="ctl00_plcMain_CMSRepeater18_ctl00_ctl00_PatrimonioFormularioPeticionImagen1_Textbox1" name="cantidad" type="text" /></td>
<td id="ctl00_plcMain_CMSRepeater18_ctl00_ctl00_PatrimonioFormularioPeticionImagen1_TableCell6"><input name="ctl00$plcMain$CMSRepeater18$ctl00$ctl00$PatrimonioFormularioPeticionImagen1$Textbox2" type="text" id="ctl00_plcMain_CMSRepeater18_ctl00_ctl00_PatrimonioFormularioPeticionImagen1_Textbox2" name="" /></td>
<td id="ctl00_plcMain_CMSRepeater18_ctl00_ctl00_PatrimonioFormularioPeticionImagen1_TableCell7"><input type="image" name="ctl00$plcMain$CMSRepeater18$ctl00$ctl00$PatrimonioFormularioPeticionImagen1$ImageButton1" id="ctl00_plcMain_CMSRepeater18_ctl00_ctl00_PatrimonioFormularioPeticionImagen1_ImageButton1" alt="Nuevo Registro" src="../../../images/ADD.gif" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$plcMain$CMSRepeater18$ctl00$ctl00$PatrimonioFormularioPeticionImagen1$ImageButton1&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" style="border-width:0px;" /></td>
<td id="ctl00_plcMain_CMSRepeater18_ctl00_ctl00_PatrimonioFormularioPeticionImagen1_TableCell8"><input type="image" name="ctl00$plcMain$CMSRepeater18$ctl00$ctl00$PatrimonioFormularioPeticionImagen1$ImageButton2" id="ctl00_plcMain_CMSRepeater18_ctl00_ctl00_PatrimonioFormularioPeticionImagen1_ImageButton2" alt="Borrar Registro" src="../../../images/DELETE.gif" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$plcMain$CMSRepeater18$ctl00$ctl00$PatrimonioFormularioPeticionImagen1$ImageButton2&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" style="border-width:0px;" /></td>
</tr>
 
<tr id="ctl00_plcMain_CMSRepeater18_ctl00_ctl00_PatrimonioFormularioPeticionImagen1_TableRow3">
<td id="ctl00_plcMain_CMSRepeater18_ctl00_ctl00_PatrimonioFormularioPeticionImagen1_TableCell9"><input name="ctl00$plcMain$CMSRepeater18$ctl00$ctl00$PatrimonioFormularioPeticionImagen1$Textbox3" type="text" id="ctl00_plcMain_CMSRepeater18_ctl00_ctl00_PatrimonioFormularioPeticionImagen1_Textbox3" name="cantidad" type="text" /></td>
<td id="ctl00_plcMain_CMSRepeater18_ctl00_ctl00_PatrimonioFormularioPeticionImagen1_TableCell10"><input name="ctl00$plcMain$CMSRepeater18$ctl00$ctl00$PatrimonioFormularioPeticionImagen1$Textbox4" type="text" id="ctl00_plcMain_CMSRepeater18_ctl00_ctl00_PatrimonioFormularioPeticionImagen1_Textbox4" name="" /></td>
<td id="ctl00_plcMain_CMSRepeater18_ctl00_ctl00_PatrimonioFormularioPeticionImagen1_TableCell11"><input type="image" name="ctl00$plcMain$CMSRepeater18$ctl00$ctl00$PatrimonioFormularioPeticionImagen1$ImageButton3" id="ctl00_plcMain_CMSRepeater18_ctl00_ctl00_PatrimonioFormularioPeticionImagen1_ImageButton3" alt="Nuevo Registro" src="../../../images/ADD.gif" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$plcMain$CMSRepeater18$ctl00$ctl00$PatrimonioFormularioPeticionImagen1$ImageButton3&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" style="border-width:0px;" /></td>
<td id="ctl00_plcMain_CMSRepeater18_ctl00_ctl00_PatrimonioFormularioPeticionImagen1_TableCell12"><input type="image" name="ctl00$plcMain$CMSRepeater18$ctl00$ctl00$PatrimonioFormularioPeticionImagen1$ImageButton4" id="ctl00_plcMain_CMSRepeater18_ctl00_ctl00_PatrimonioFormularioPeticionImagen1_ImageButton4" alt="Borrar Registro" src="../../../images/DELETE.gif" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$plcMain$CMSRepeater18$ctl00$ctl00$PatrimonioFormularioPeticionImagen1$ImageButton4&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" style="border-width:0px;" /></td>
</tr>
 
<tr id="ctl00_plcMain_CMSRepeater18_ctl00_ctl00_PatrimonioFormularioPeticionImagen1_TableRow4">
<td id="ctl00_plcMain_CMSRepeater18_ctl00_ctl00_PatrimonioFormularioPeticionImagen1_TableCell13"><input name="ctl00$plcMain$CMSRepeater18$ctl00$ctl00$PatrimonioFormularioPeticionImagen1$Textbox5" type="text" id="ctl00_plcMain_CMSRepeater18_ctl00_ctl00_PatrimonioFormularioPeticionImagen1_Textbox5" name="cantidad" type="text" /></td><td id="ctl00_plcMain_CMSRepeater18_ctl00_ctl00_PatrimonioFormularioPeticionImagen1_TableCell14"><input name="ctl00$plcMain$CMSRepeater18$ctl00$ctl00$PatrimonioFormularioPeticionImagen1$Textbox6" type="text" id="ctl00_plcMain_CMSRepeater18_ctl00_ctl00_PatrimonioFormularioPeticionImagen1_Textbox6" name="" /></td>
<td id="ctl00_plcMain_CMSRepeater18_ctl00_ctl00_PatrimonioFormularioPeticionImagen1_TableCell15"><input type="image" name="ctl00$plcMain$CMSRepeater18$ctl00$ctl00$PatrimonioFormularioPeticionImagen1$ImageButton5" id="ctl00_plcMain_CMSRepeater18_ctl00_ctl00_PatrimonioFormularioPeticionImagen1_ImageButton5" alt="Nuevo Registro" src="../../../images/ADD.gif" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$plcMain$CMSRepeater18$ctl00$ctl00$PatrimonioFormularioPeticionImagen1$ImageButton5&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" style="border-width:0px;" /></td>
<td id="ctl00_plcMain_CMSRepeater18_ctl00_ctl00_PatrimonioFormularioPeticionImagen1_TableCell16"><input type="image" name="ctl00$plcMain$CMSRepeater18$ctl00$ctl00$PatrimonioFormularioPeticionImagen1$ImageButton6" id="ctl00_plcMain_CMSRepeater18_ctl00_ctl00_PatrimonioFormularioPeticionImagen1_ImageButton6" alt="Borrar Registro" src="../../../images/DELETE.gif" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$plcMain$CMSRepeater18$ctl00$ctl00$PatrimonioFormularioPeticionImagen1$ImageButton6&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" style="border-width:0px;" /></td>
</tr>
 
</table>
 

[caricatos]

Hola:

Y has visto si te sirve el código que te puse... solo habría que deshabilitar el botón cuando solo quedase una fila...

Saludos

[Sicofrat]

Pues la verdad que no lo entendi.

Hay un boton por fila y si hay N filas tendre N botones que pueden agregar una nueva columna o en el caso contrario de eliminarla.

Cada fila nueva agregada, dege de ser capaz de crear otra con ese boton.

Un saludo.