Lançado Adianti Framework 7.6!
Clique aqui para saber mais
Conheça Características Quem usa Galeria Cursos Docs Fórum
Downloads
Posts Fique por dentro Sobre o Fórum Minha conta
Alterar Imagem com ação em TCombo Boa tarde a todos, preciso colocar um combo e um espaço para imagem. Essa imagem será alterada conforme a seleção do combo. Pesquisei no fórum e achei um tópico antigo ( https://www.adianti.com.br/forum/pt/view_4721?alterar-imagemtimage-ao-selecionar-opcao-no-tcombo ) com a ideia parecida, no entanto, não funcionou. Alguém poderia dar uma ideia de como fazer, qual componente e recur...
TL
Alterar Imagem com ação em TCombo  
GX TELECOMUNICACOES LTDA 10/05/2022 (há 1 ano)
Boa tarde a todos,

preciso colocar um combo e um espaço para imagem. Essa imagem será alterada conforme a seleção do combo.
Pesquisei no fórum e achei um tópico antigo ( https://www.adianti.com.br/forum/pt/view_4721?alterar-imagemtimage-ao-selecionar ) com a ideia parecida, no entanto, não funcionou.

Alguém poderia dar uma ideia de como fazer, qual componente e recurso poderia usar ou de repente, esclarecer como funciona a explicação do post anterior ?

obrigado!


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 (1)

WR
wilson f. rodrigues       12/05/2022 (há 1 ano)

Bom dia!!

Vou postar as partes do código necessário para funcionar a troca da imagem ao selecionar o TDBCombo.
Na época apanhei muito para fazer funcionar(rsrsrs)
Vai ter código em 03 Lugares: Classe Contrutor, Function onChangeAction e Funtion onReload

  1. <?php
  2. //CLASSE CONSTRUTOR DA SUA APLICAÇÃO 
  3.  public function __construct()
  4.     {
  5.         parent::__construct();
  6. ...
  8. //COLOQUEI DENTRO DE UM FRAME, MAS VOCÊ FAZ COMO QUISER
  9.         $frame_geral = new TFrame;
  10.         $frame_geral->class = 'tframe tframe-custom';
  11.         $frame_geral->setLegend('Datas Reservadas');
  12.         $frame_geral->style = 'width:90%;height:90%;padding:0px;background:white';
  13.         
  14.         $imagem = new TImage('teste.png');
  15.         $imagem->id = 'imagemX';
  16.         $imagem->style = 'width:200px;height:150px';
  17.         $frame_geral->add($imagem);
  19. // CÓDIGO USADO PARA ALIMENTAR O TDBCombo    
  20.      $criteria = new TCriteria();
  21.      $criteria->add(new TFilter('situacao','=','Ativo'));                                    
  22.      $veiculo_id = new TDBCombo('veiculo_id', 'DBPROJETO', 'Veiculo', 'id', '{modelo->descricao}','',$criteria);
  23.  
  24.  //EVENTO ONCHANGE EXIBIR IMAGEM 
  25.         $change_action = new TAction(array($this, 'onChangeAction')); //
  26.         $veiculo_id->setChangeAction($change_action);
  28.  ...
  29. }
  32. /**
  33. *Executado quando usuário seleciona o veiculo
  34. */
  35. public static function onChangeAction($param)
  36. {
  37.     try
  38.     {
  39.        // var_dump($param);
  40.         TTransaction::open('DBPROJETO');
  41.         $conn = TTransaction::get();
  42.         
  43.         //Pego as informações do veiculo no DB com base no ID enviado do TDBCombo
  44.         $veiculo = Veiculo::find($param['veiculo_id']);
  45.         if($veiculo)
  46.           {
  47.                $placa_number = $veiculo->placa;
  48.                $foto_veiculo = $veiculo->foto_path;
  49.           }
  50.           else
  51.           {
  52.            $placa_number = NULL;
  53.            $foto_veiculo = NULL;
  54.          
  55.           }
  56.           
  57.         $obj = new StdClass;
  58.         $obj->placa = $placa_number;
  59.         $obj->path_imagem = $foto_veiculo; //AQUI ESTÁ SALVO NO DB O PATH PARA A IMAGEM SALVA.  EXEMPLO:"app/images/1/DobloAttractive.png"
  60.         
  61.         // refresh photo_frame
  62.         TScript::create("$('#imagemX').html('')");
  63.         TScript::create("$('#imagemX').append(\"<img style='width:470px;height:230px' src='{$foto_veiculo}'>\");");   
  64.         TSession::setValue('path_imagem',$foto_veiculo);//GRAVO NA SESSÃO PARA LER NO onRELOAD DEPOIS
  65.         
  66.         TForm::sendData('form_Reserva', $obj); //NÃO ESQUEÇA DE COLOCAR O NOME CORRETO DO SEU FORM,SENÃO NÃO IRÀ FUNCIONAR NEM A PAU.
  67.         TApplication::postData('form_Reserva', 'ReservaFormList', 'onReload');//AQUI VAI O NOME DO SEU FORM e E DE SUA CLASSE
  68.         TTransaction::close(); // close the transaction
  69.         
  70.         }
  71.         catch (Exception $e)
  72.         {
  73.             // shows the exception error message
  74.             new TMessage('error', '<b>Atenção!!</b> ' . $e->getMessage());
  75.             TTransaction::rollback();            
  76.         }
  77.     }
  79. //ONRELOAD
  80. public function onReload($param = null){
  81.   //var_dump($_SESSION);
  82. /**************************************************************
  83. *   Atualiza a foto do veiculo com o dado gravado na sessao
  84. ***************************************************************/
  85.     if(!empty(TSession::getValue('path_imagem'))){
  86.         $path_img = TSession::getValue('path_imagem');
  87.         TScript::create("$('#imagemX').html('')");
  88.         TScript::create("$('#imagemX').append(\"<img style='width:400px;height:270px' src='{$path_img}'>\");");  //AQUI EU ALTERO O TAMANHO DA IMAGEM
  89.     }
  91. ...
  93. }
  95. ?>


Espero ter ajudado, já que a comunidade me ajudou tantas vezes e sou muito grato !
Grande abraço!


Editado 12/05/2022 (há 1 ano) - Ver alterações