Lançado Adianti Framework 7.6!
Clique aqui para saber mais
Contador de caracteres (decrescente ou não) Olá pessoal. Alguém tem ideia de como implementar este contador de caracteres em um TText ? https://codepen.io/geoffmuskett/pen/uldmJ abs....
RK
Contador de caracteres (decrescente ou não)  
Olá pessoal.

Alguém tem ideia de como implementar este contador de caracteres em um TText ?

https://codepen.io/geoffmuskett/pen/uldmJ

abs.

Pacotão Dominando o Adianti Framework 7
O material mais completo de treinamento do Framework.
Curso em vídeo aulas + Livro completo + Códigos fontes do projeto ERPHouse.
Conteúdo Atualizado! Versão 7.4


Dominando o Adianti 7 Quero me inscrever agora!

Comentários (3)


RK

Consegui pessoal, segue o código.

  1. <?php
  2. $detalhesolicitacao = new TText('detalhesolicitacao');
  3. $detalhesolicitacao->maxlength '2000';
  4. $chars                 = new TElement('span');
  5. $chars->id             'chars';
  6. $script             = new TElement('script');
  7. $script->type 'text/javascript';
  8. $script->add("var maxLength = 2000;
  9.                 $('textarea').keyup(function() {
  10.                   var length = $(this).val().length;
  11.                   var length = maxLength-length;
  12.                   $('#chars').text(length+' Caracteres Restantes');
  13.                 });");
  14. $container = new TVBox;
  15. $container->add($script);
  16.  ?>


o resultado fica assim:
www.xip7.com.br/conterdown.jpg

Espero que ajude, caso alguém precise.

Abs,


B

Obrigado ao Rafael Henrique Koller !! Sua dica foi muito boa

Abaixo o exemplo completamente funcional do Adianti 7.1, no futuro coloco o link de um componente no GitHub

  1. <?php
  2.         $idField 'text01';
  3.         $maxlength 10;
  4.         $detalhesolicitacao = new TText($idField);
  5.         $detalhesolicitacao->setId($idField);
  6.         $detalhesolicitacao->maxlength $maxlength;
  7.         $chars              = new TElement('span');
  8.         $chars->id          $idField.'_counter';
  9.         $script             = new TElement('script');
  10.         $script->type 'text/javascript';
  11.         $script->add("var maxLength = ".$maxlength.";
  12.                         $('#".$idField."').keyup(function() {
  13.                           var length = $(this).val().length;
  14.                           var length = maxLength-length;
  15.                           $('#".$idField."_counter').text(length+' Caracteres Restantes');
  16.                         });");
  17.         $container = new TVBox;
  18.         $container->add($detalhesolicitacao);
  19.         $container->add($chars);
  20.         $container->add($script);
  21.         $this->form->addFields([new TLabel('Texto 01')], [$container]);
  22. ?>
AR

Vale a pena por isso como um artigo da comunidade.