Imagens na dataGrid()

Imagens na dataGrid() Pessoal em uma tabela de dados possuo imagens cadastradas e quero exibi-las na dataGrid, pensei em duas maneiras. 1 - abrir a imagem a partir de um botão na dataGrid. 2 - exibi-las com a função popover. É possível?...

Fechado

Betuel Inacio 10/10/2015 (há 9 anos)

Pessoal em uma tabela de dados possuo imagens cadastradas e quero exibi-las na dataGrid, pensei em duas maneiras. 1 - abrir a imagem a partir de um botão na dataGrid. 2 - exibi-las com a função popover.

É possível?

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

Betuel Inacio - AUTOR DO POST 12/10/2015 (há 9 anos)

como ninguém deu palpite, implementei uma solução...
aproveitei o bootstrap e coloquei isso o "onRreload()".

insere um botão na dataGrid, ao clicar abre a imagem na classe modal.

 <?php 
                 if ($object->imagem){
                        //coloca o botão com a classe modal para abrir uma imagem
                        $teste = $object->imagem;
                        $object->imagem = "<div class='container' style='width: 20px'>
                                      <div class='row text-center' >
                                          <a href='#' class='btn btn-lg btn-success' data-toggle='modal' data-target='#basicModal' style='background: #ccc; border: none; color: black; font-size: 12px;'>IMG</a>
                                      </div>
                                      
                                    </div>
                                    
                                    <div class='modal fade' id='basicModal' tabindex='-1' role='dialog' aria-labelledby='basicModal' aria-hidden='true'>
                                      <div class='modal-dialog' style='width: 1000px; height: 800px;'>
                                        <div class='modal-content'>
                                          <div class='modal-header'>
                                            <button type='button' class='close' data-dismiss='modal' aria-hidden='true'>&times;</button>
                                            
                                          </div>
                                          <div class='modal-body' >
                                            <img style='width: 100%; height: 100%' src='$teste'>
                                          </div>
                                          
                                        </div>
                                      </div>
                                    </div>";
                    }
?>

se alguem tiver uma solução mais sofisticada, fico grato!

Só tem um problema, ao clicar no botão, invés de abrir a imagem vai para o 'form' para edição dos dados.
como restringir o click de edição apenas para o botão respectivo?

Felipe Cortez 12/10/2015 (há 9 anos)

Retire o defaultclick do data grid.
$this->datagrid->disableDefaultClick();

Pablo Dall'Oglio 13/11/2015 (há 9 anos)

Post relacionado:
www.adianti.com.br/forum/pt/view_1228?datagrid-com-thumbnail