Alterar Imagem com ação em TCombo

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...

GX TELECOMUNICACOES LTDA 10/05/2022 (há 3 anos)

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!

Curso Dominando o Adianti Framework

O material mais completo de treinamento do Framework.
Curso em vídeo aulas + Livro completo + Códigos fontes do projeto ERPHouse.
Conteúdo Atualizado!

Dominando o Adianti Framework Quero me inscrever agora!

Comentários (1)

wilson f. rodrigues 12/05/2022 (há 3 anos)

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

 <?php
//CLASSE CONSTRUTOR DA SUA APLICAÇÃO 
 public function __construct()
    {
        parent::__construct();
...
//COLOQUEI DENTRO DE UM FRAME, MAS VOCÊ FAZ COMO QUISER
        $frame_geral = new TFrame;
        $frame_geral->class = 'tframe tframe-custom';
        $frame_geral->setLegend('Datas Reservadas');
        $frame_geral->style = 'width:90%;height:90%;padding:0px;background:white';
        
        $imagem = new TImage('teste.png');
        $imagem->id = 'imagemX';
        $imagem->style = 'width:200px;height:150px';
        $frame_geral->add($imagem);
// CÓDIGO USADO PARA ALIMENTAR O TDBCombo    
     $criteria = new TCriteria();
     $criteria->add(new TFilter('situacao','=','Ativo'));                                    
     $veiculo_id = new TDBCombo('veiculo_id', 'DBPROJETO', 'Veiculo', 'id', '{modelo->descricao}','',$criteria);
 
 //EVENTO ONCHANGE EXIBIR IMAGEM 
        $change_action = new TAction(array($this, 'onChangeAction')); //
        $veiculo_id->setChangeAction($change_action);
 ...
}
/**
*Executado quando usuário seleciona o veiculo
*/
public static function onChangeAction($param)
{
    try
    {
       // var_dump($param);
        TTransaction::open('DBPROJETO');
        $conn = TTransaction::get();
        
        //Pego as informações do veiculo no DB com base no ID enviado do TDBCombo
        $veiculo = Veiculo::find($param['veiculo_id']);
        if($veiculo)
          {
               $placa_number = $veiculo->placa;
               $foto_veiculo = $veiculo->foto_path;
          }
          else
          {
           $placa_number = NULL;
           $foto_veiculo = NULL;
         
          }
          
        $obj = new StdClass;
        $obj->placa = $placa_number;
        $obj->path_imagem = $foto_veiculo; //AQUI ESTÁ SALVO NO DB O PATH PARA A IMAGEM SALVA.  EXEMPLO:"app/images/1/DobloAttractive.png"
        
        // refresh photo_frame
        TScript::create("$('#imagemX').html('')");
        TScript::create("$('#imagemX').append(\"<img style='width:470px;height:230px' src='{$foto_veiculo}'>\");");   
        TSession::setValue('path_imagem',$foto_veiculo);//GRAVO NA SESSÃO PARA LER NO onRELOAD DEPOIS
        
        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.
        TApplication::postData('form_Reserva', 'ReservaFormList', 'onReload');//AQUI VAI O NOME DO SEU FORM e E DE SUA CLASSE
        TTransaction::close(); // close the transaction
        
        }
        catch (Exception $e)
        {
            // shows the exception error message
            new TMessage('error', '<b>Atenção!!</b> ' . $e->getMessage());
            TTransaction::rollback();            
        }
    }
//ONRELOAD
public function onReload($param = null){
  //var_dump($_SESSION);
/**************************************************************
*   Atualiza a foto do veiculo com o dado gravado na sessao
***************************************************************/
    if(!empty(TSession::getValue('path_imagem'))){
        $path_img = TSession::getValue('path_imagem');
        TScript::create("$('#imagemX').html('')");
        TScript::create("$('#imagemX').append(\"<img style='width:400px;height:270px' src='{$path_img}'>\");");  //AQUI EU ALTERO O TAMANHO DA IMAGEM
    }
...
}
?>

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

Editado 12/05/2022 (há 3 anos) - Ver alterações

Novo Comentário