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

2votos

Como Sumar Columnas de un Gridview y mostrar el resultado Usando JavaScript

Buenas comunidad, así como está planteada la pregunta nace a razón de que si tengo una gran cantidad de items que agregar seria demasiado engorroso tener que poner declarar "N" cantidades de TextBox por eso hago el uso de este control Gridview. Gracias de antemano por su tiempo.

Antes muestro un ejemplo de que es lo masomenos deseo

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>DEMO</title>

</head>

<body>
    <form runat="server">
        <input id="txt1" class="test" width="70px" onkeyup="agregar_numero();format(this)" onchange="format(this)" >
        <input id="txt2" class="TextBoxBorder" width="70px" onkeyup="agregar_numero();format(this)" onchange="format(this)" >
        <input id="txt3" class="TextBoxBorder" width="70px" onkeyup="agregar_numero();format(this)" onchange="format(this)" >
        <br >
        Total<br >
        <input id="txt4" class="TextBoxBorder" width="70px" onkeyup="format(this)" >

    </form>
</body>

<script>
    function agregar_numero() {

        var TextBox1 = parseFloat(document.getElementById("txt1").value.replace(/\,/g, '')) || 0;
        var TextBox2 = parseFloat(document.getElementById("txt2").value.replace(/\,/g, '')) || 0;
        var TextBox3 = parseFloat(document.getElementById("txt3").value.replace(/\,/g, '')) || 0;
        var result = TextBox1 + TextBox2 + TextBox3;
        result.toFixed(2);
        document.getElementById("txt4").value = result;
        format(document.getElementById("txt4"));
    }
</script>

<script>
    function format(input) {
        var num = input.value.replace(/\,/g, '');
        if (!isNaN(num)) {
            num = num.toString().split('').reverse().join('').replace(/(?=\d*\.?)(\d{3})/g, '$1,');
            num = num.split('').reverse().join('').replace(/^[\,]/, '');
            input.value = num;
        }

        //else {
        //    alert('Solo se permiten numeros');
        //    input.value = input.value.replace(/[^\d\.]*/g, '');
        //}
    }
</script>
</html>

quisiera replicar esta dinámica utilizando un gridview

enter image description here

bl4z3r comentado Abr 1, 2016

¿Donde esta el gridview en el código? ¿Estas programando en ASP.Net WebForms o ASP.Net MVC?

Por favor, accede o regístrate para responder a esta pregunta.

¿Conoces alguien que puede responder?
¡Comparte esta pregunta!


Otras Preguntas y Respuestas


Actividad Reciente

...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta