none
Agregar Datos de un datagridview en una tabla en html RRS feed

  • Pregunta

  • Buenas no se como pasar datos de un datagridview a una tabla en html 

    serian 2 datos el nombre del producto y peso

    tambien tendria que sumar el total del peso en el html

    Gracias 

    este seria el codigo que uso

    <script type="text/JavaScript">
                           
                            function myFunction() {
                                var x = document.getElementById("myTable").rows.length;
                                var table = document.getElementById("myTable");
                                var row = table.insertRow(x - 1);
                                var cell1 = row.insertCell(0);
                                var cell2 = row.insertCell(1);
                                cell1.innerHTML = x - 1;
                                cell2.innerHTML = x - 1;
                                var $total = 0; 
                               
                                //for (var i = row; table.rows[i]; i++)
                                //$total += Number(table.rows[i].cells[2].innerHTML);
                                //document.getElementById("idMaltasPeso").innerHTML = $total ;
                                var $suma = 0;
    
                                var sumA = document.querySelectorAll("tr:nth-child(n+2) td:nth-child(2)");
     
                                for (var i = 0; i < sumA.length; i++) {
                                    aSums.push(+(sumA[i].innerHTML));
                                }
    
                                alert("Mi suma es: " + sumA);
                            }
                           
                        </script>

    sábado, 11 de noviembre de 2017 10:33

Todas las respuestas

  • Entiendo que utilizas el control WebBrowser para mostrar la página web, ¿verdad?

    - Define sólo la estructura de la tabla, por ejemplo:

    <body>
        <table>
            <thead>
                <tr>
                    <td>Maltas</td>
                    <td>Peso</td>
                </tr>
            </thead>
            <tbody id="idTBody">
                
            </tbody>
            <tfoot>
                <tr>
                    <td>TOTAL</td>
                    <td id="totalPeso">0</td>
                </tr>
            </tfoot>
        </table>
    </body>


    - En el controlador del evento DocumentCompleted, del control WebBrowser, agregas las filas según las filas del control DataGridView:

    Private Sub WebBrowser1_DocumentCompleted(sender As Object, ...
    
    	If (Not (CType(sender, WebBrowser).Document Is Nothing)) Then
    		With CType(sender, WebBrowser).Document
    
    			Dim TableBody = .GetElementById("idTBody")
    			Dim TotalPeso As Decimal = 0
    
    			For Each Row As DataGridViewRow In DataGridView1.Rows
    				If Row.IsNewRow Then Exit For
    
    				Dim TableRow = .CreateElement("TR")
    				TableBody.AppendChild(TableRow)
    
    				Dim TableCell As HtmlElement = .CreateElement("TD")
    				TableCell.InnerText = Convert.ToString(Row.Cells("Maltas").Value)
    				TableRow.AppendChild(TableCell)
    
    				Dim Peso = Convert.ToDecimal(Row.Cells("Peso").Value)
    
    				TableCell = .CreateElement("TD")
    				TableCell.InnerText = Peso.ToString("N2")
    				TableRow.AppendChild(TableCell)
    
    				TotalPeso += Peso
    			Next
    
    			.GetElementById("totalPeso").InnerHtml = TotalPeso.ToString("N2")
    		End With
    	End If
    
    End Sub

    domingo, 12 de noviembre de 2017 0:51
  • 1000 Gracias Willams

    funciona de 1000 maravillas

    1000 gracias

    domingo, 12 de noviembre de 2017 17:16