Tabla con contenido editable en AngularJS 1.x

También te puede interesar...

15 Respuestas

  1. Jose dice:

    Hola amigo excelente manual, se puede hacer esto para calcular campos como por ejemplo la cantidad * precio = total y que se muestre en una celda aparte, si tienes alguna documentación te agradecería mucho

  2. Hola muy bueno el manual, como puedo hacer que cuando pulse el botón “Recuperar Valores” obtenga solo los valores que fueron afectados?

    Gracias….

  3. Reynaldo R. dice:

    Hola, muy bien el post, pero cuando ordeno la tabla con orderBy: ‘email’:false no pinchan los calculos, es como si se mariara con los rows. me pudieras ayudar con esto???? muchas graciass

  4. Jose de Jesus Garcia Gonzalez dice:

    Hola amigo se puede hacer que solo se acepten números o que la opccion sea la de un combo ?

    • Claro, dentro de la directiva editableTd podes detectar el evento KeyPress del elemento y validar que solamente se ingresen números, la validación sería así:

      element.keypress(function(event) {
           if(event.keyCode < 48 || event.keyCode > 57)
                return false;
      });
      

      Podés ver el cambio corriendo aquí: CODEPEN

  5. Pablo Carrión dice:

    Muchas gracias amigo, me sirvio de mucho, pero encontre un pequeño problema que no puedo solucionarlo, en Google Chrome si quiero escribir 253, escribe 352 porque le pone al cursor siempre primero, en firefox funciona muy bien, me podrias ayudar con alguna solucion?? muchas gracias de antemano

    • La línea scope.$digest (que está dentro de la directiva editableTd); es la que ocasiona que eso pase, dicha línea se usa para las columnas calculadas, si no necesitas columnas calculadas podes quitarla sin problemas

  6. Lopez dice:

    Hola, muchas gracias por el aporte, solo una duda, lo estoy implementando en ASP.NET con C#, no logro que al hacer el post, del lado del servidor lea las variables o el JSON que me genera “RECUPERAR VALORES” ([{“nombres”:”Juan”,”apellidos”:”Pérez”,”email”:”juanperez@gmail.com”,”pass”:”123juan”,”$$hashKey”:”004″},{“nombres”:”Julio”,”apellidos”:”López”,”email”:”jlopez@gmail.com”,”pass”:”passjulio”,”$$hashKey”:”005″}]), guardando en una varialbe $scope.lista, luego pasandolos a un FormData, llegan pero como valores independientes algo asi como Lista[0][nombres]…..Lista[1][nombres], en vez de algo como “Lista” y dentro el resto del json, como hago para almenos dar un formato o tomar los valores individuales de la tabla?

  7. leonardo dice:

    Hola que tal me gusto mucho la explicación que diste, mas sin embargo yo no estoy utilizando JQery no se i de casualidad has hecho este ejemplo pero con angular 6, si es asi te agradecería mucho si me lo puedes proporcionar , gracias !!

  8. Alex dice:

    con que hiciste el aspecto visual? bootstrap?

  9. Alex gonzalez dice:

    Consulta:
    al crear una nueva fila y escribir sobre ella se multiplican los caracteres que se escriben,
    hay alguna forma de solucionar esto?

  1. 24 enero, 2016

    […] Tabla con contenido editable en AngularJS […]

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

This site uses Akismet to reduce spam. Learn how your comment data is processed.