Lançado Adianti Framework 7.6!
Clique aqui para saber mais
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?...
BI
Imagens na dataGrid()  
Fechado
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?

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)


BI

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.
  1. <?php 
  2.                  if ($object->imagem){
  3.                         //coloca o botão com a classe modal para abrir uma imagem
  4.                         $teste $object->imagem;
  5.                         $object->imagem "<div class='container' style='width: 20px'>
  6.                                       <div class='row text-center' >
  7.                                           <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>
  8.                                       </div>
  9.                                       
  10.                                     </div>
  11.                                     
  12.                                     <div class='modal fade' id='basicModal' tabindex='-1' role='dialog' aria-labelledby='basicModal' aria-hidden='true'>
  13.                                       <div class='modal-dialog' style='width: 1000px; height: 800px;'>
  14.                                         <div class='modal-content'>
  15.                                           <div class='modal-header'>
  16.                                             <button type='button' class='close' data-dismiss='modal' aria-hidden='true'>&times;</button>
  17.                                             
  18.                                           </div>
  19.                                           <div class='modal-body' >
  20.                                             <img style='width: 100%; height: 100%' src='$teste'>
  21.                                           </div>
  22.                                           
  23.                                         </div>
  24.                                       </div>
  25.                                     </div>";
  26.                     }
  27. ?>


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?
FC

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

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