2 frames para duas imagens no mesmo form

2 frames para duas imagens no mesmo form Pessoal tenho um formulário com dois campos de imagem para isso criei 2 frames, conforme código abaixo. Porém ao exibir a imagem está indo para a imagem da resposta creio eu por ter sido a ultima imagem adicionada ao frame. Como faço para identificar em qual frame quero carregar minha imagem? ...

LB

2 frames para duas imagens no mesmo form

Fechado

Leandro José Nogueira Barbosa 08/07/2016 (há 7 anos)

Pessoal tenho um formulário com dois campos de imagem para isso criei 2 frames, conforme código abaixo. Porém ao exibir a imagem está indo para a imagem da resposta creio eu por ter sido a ultima imagem adicionada ao frame. Como faço para identificar em qual frame quero carregar minha imagem?

<?php e
//adicionando imagem
$this->form->addQuickField('Imagem para Enunciado', $imagem, 400);
$this->frame = new TElement('div');
$this->frame->id = 'photo_frame';
$this->frame->style = 'width:400px;height:auto;min-height:200px;border:1px solid gray;padding:4px;';
$row = $this->form->addRow();
$row->addCell('');
$row->addCell($this->frame);
//adiconando imagem resposta
$this->form->addQuickField('Imagem para Resposta', $imagem_resposta, 400);
$this->frame = new TElement('div');
$this->frame->id = 'photo_frame_respota';
$this->frame->style = 'width:400px;height:auto;min-height:200px;border:1px solid gray;padding:4px;';
$row = $this->form->addRow();
$row->addCell('');
$row->addCell($this->frame);
?>

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

NR

Nataniel Rabaioli 08/07/2016 (há 7 anos)

Leandro, poste todo o código, não consegui simular o problema.

LB

Leandro José Nogueira Barbosa - AUTOR DO POST 08/07/2016 (há 7 anos)

Segue Nataniel o código do meu Form

<?php e
/**
* QuestoesFormList Registration
* @author Leandro J N Barbosa
*/
class QuestoesFormList extends TPage
{
protected $form; // form
private $frame;
protected $datagrid; // datagrid
protected $pageNavigation;
protected $loaded;
/**
* Class constructor
* Creates the page and the registration form
*/
function __construct()
{
parent::__construct();
// creates the form
$this->form = new TQuickForm('form_Questoes');
$this->form->class = 'tform'; // CSS class
$this->form->setFormTitle('Questões'); // define the form title
// create the form fields
$cod_quest = new TEntry('cod_quest');
$cod_cont = new ">TDBSeekButton('cod_cont','super_prova','form_Questoes','Conteudo','descricao','cod_cont','conteudo_descricao');
$conteudo_descricao = new TEntry('conteudo_descricao');
$enunciado = new TText('enunciado');
$imagem = new TFile('imagem');
$alternativas = new TText('alternativas');
$resposta = new TText('resposta');
$imagem_resposta = new TFile('imagem_resposta');
// complete upload action
$imagem->setCompleteAction(new TAction(array($this, 'onComplete')));
// complete upload action resposta
$imagem_resposta->setCompleteAction(new TAction(array($this, 'onCompleteResposta')));
// add the fields
$this->form->addQuickField('Cód. Questão', $cod_quest, 100);
$this->form->addQuickField('Cód. Conteúdo', $cod_cont, 100, new TRequiredValidator );
$this->form->addQuickField('Conteúdo/Tema', $conteudo_descricao, 400);
$this->form->addQuickField('Enunciado', $enunciado, 600, new TRequiredValidator );
$this->form->addQuickField('Alternativas', $alternativas, 600);
$this->form->addQuickField('Resposta', $resposta, 600, new TRequiredValidator );
//adicionando imagem
$this->form->addQuickField('Imagem para Enunciado', $imagem, 400);
$this->frame = new TElement('div');
$this->frame->id = 'photo_frame';
$this->frame->style = 'width:400px;height:auto;min-height:200px;border:1px solid gray;padding:4px;';
$row = $this->form->addRow();
$row->addCell('');
$row->addCell($this->frame);
//adiconando imagem resposta
$this->form->addQuickField('Imagem para Resposta', $imagem_resposta, 400);
$this->frame = new TElement('div');
$this->frame->id = 'photo_frame_respota';
$this->frame->style = 'width:400px;height:auto;min-height:200px;border:1px solid gray;padding:4px;';
$row = $this->form->addRow();
$row->addCell('');
$row->addCell($this->frame);
//desbilitando campo
$cod_quest->setEditable(FALSE);
$conteudo_descricao->setEditable(FALSE);
//Definindo Tamnahos
$imagem->setSize(400, 40);
$imagem_resposta->setSize(400, 40);
$conteudo_descricao->setSize(400, 40);
$enunciado->setSize(600, 100);
$resposta->setSize(600, 100);
$alternativas->setSize(600, 100);
// create the form actions
$this->form->addQuickAction(_t('Save'), new TAction(array($this, 'onSave')), 'ico_save.png');
$this->form->addQuickAction(_t('New'), new TAction(array($this, 'onEdit')), 'ico_new.png');
// creates a DataGrid
$this->datagrid = new TQuickGrid;
$this->datagrid->setHeight(320);
// creates the datagrid columns
$cod_quest = $this->datagrid->addQuickColumn('Cód. Questão', 'cod_quest', 'left', 80);
//$cod_cont = $this->datagrid->addQuickColumn('Cód. Conteúdo', 'cod_cont', 'left', 80);
$conteudo_descricao = $this->datagrid->addQuickColumn('Conteúdo/Tema', 'conteudo_descricao', 'left', 300);
$enunciado = $this->datagrid->addQuickColumn('Enunciado', 'enunciado', 'left', 450);
$alternativas = $this->datagrid->addQuickColumn('Alternativas', 'alternativas', 'left', 400);
$imagem = $this->datagrid->addQuickColumn('Imagem', 'imagem', 'left', 300);
$resposta = $this->datagrid->addQuickColumn('Resposta', 'resposta', 'left', 450);
$imagem_resposta = $this->datagrid->addQuickColumn('Imagem Resposta', 'imagem_resposta', 'left', 300);
// create the datagrid actions
$edit_action = new TDataGridAction(array($this, 'onEdit'));
$delete_action = new TDataGridAction(array($this, 'onDelete'));
// add the actions to the datagrid
$this->datagrid->addQuickAction(_t('Edit'), $edit_action, 'cod_quest', 'ico_edit.png');
$this->datagrid->addQuickAction(_t('Delete'), $delete_action, 'cod_quest', 'ico_delete.png');
// create the datagrid model
$this->datagrid->createModel();
//Cria popover de imagem
$this->datagrid->enablePopover('Imagem', "<img src='{imagem}'>");
// creates the page navigation
$this->pageNavigation = new TPageNavigation;
$this->pageNavigation->setAction(new TAction(array($this, 'onReload')));
$this->pageNavigation->setWidth($this->datagrid->getWidth());
// create the datagrid model
$this->datagrid->createModel();
// creates the page navigation
$this->pageNavigation = new TPageNavigation;
$this->pageNavigation->setAction(new TAction(array($this, 'onReload')));
$this->pageNavigation->setWidth($this->datagrid->getWidth());
// create the page container
$container = TVBox::pack( $this->form, $this->datagrid, $this->pageNavigation);
parent::add($container);
}
/**
* method onReload()
* Load the datagrid with the database objects
*/
function onReload($param = NULL)
{
try
{
// open a transaction with database 'super_prova'
TTransaction::open('super_prova');
// creates a repository for Questoes
$repository = new TRepository('Questoes');
$limit = 10;
// creates a criteria
$criteria = new TCriteria;
// default order
if (empty($param['order']))
{
$param['order'] = 'cod_quest';
$param['direction'] = 'asc';
}
$criteria->setProperties($param); // order, offset
$criteria->setProperty('limit', $limit);
if (TSession::getValue('Questoes_filter'))
{
// add the filter stored in the session to the criteria
$criteria->add(TSession::getValue('Questoes_filter'));
}
// load the objects according to criteria
$objects = $repository->load($criteria, FALSE);
$this->datagrid->clear();
if ($objects)
{
// iterate the collection of active records
foreach ($objects as $object)
{
// add the object inside the datagrid
$this->datagrid->addItem($object);
}
}
// reset the criteria for record count
$criteria->resetProperties();
$count= $repository->count($criteria);
$this->pageNavigation->setCount($count); // count of records
$this->pageNavigation->setProperties($param); // order, page
$this->pageNavigation->setLimit($limit); // limit
// close the transaction
TTransaction::close();
$this->loaded = true;
}
catch (Exception $e) // in case of exception
{
new TMessage('error', '<b>Error</b> ' . $e->getMessage()); // shows the exception error message
TTransaction::rollback(); // undo all pending operations
}
}
/**
* method onDelete()
* executed whenever the user clicks at the delete button
* Ask if the user really wants to delete the record
*/
function onDelete($param)
{
// define the delete action
$action = new TAction(array($this, 'Delete'));
$action->setParameters($param); // pass the key parameter ahead
// shows a dialog to the user
new TQuestion(TAdiantiCoreTranslator::translate('Do you really want to delete ?'), $action);
}
/**
* method Delete()
* Delete a record
*/
function Delete($param)
{
try
{
// get the parameter $key
$key=$param['key'];
TTransaction::open('super_prova'); // open the transaction
$object = new Questoes($key, FALSE); // instantiates the Active Record
if ($object->imagem != '')
unlink($object->imagem);
if ($object->imagem_resposta != '')
unlink($object->imagem_resposta);
$object->delete(); // deletes the object
TTransaction::close(); // close the transaction
$this->onReload( $param ); // reload the listing
new TMessage('info', TAdiantiCoreTranslator::translate('Record deleted')); // success message
}
catch (Exception $e) // in case of exception
{
new TMessage('error', '<b>Error</b> ' . $e->getMessage()); // shows the exception error message
TTransaction::rollback(); // undo all pending operations
}
}
/**
* method onSave()
* Executed whenever the user clicks at the save button
*/
function onSave()
{
try
{
TTransaction::open('super_prova'); // open a transaction with database
// get the form data into an active record Questoes
$object = $this->form->getData('Questoes');
$this->form->validate(); // form validation
//Gravando Imagem
$source_file = 'tmp/'.$object->imagem;
$target_file = 'images/' . $object->imagem;
$extensao = pathinfo ( $object->imagem, PATHINFO_EXTENSION );
$source_file_resp = 'tmp/'.$object->imagem_resposta;
$target_file_resp = 'images/' . $object->imagem_resposta;
$extensao_resp = pathinfo ( $object->imagem_resposta, PATHINFO_EXTENSION );
if($extensao != '')
if ( ($extensao != 'jpg') AND ($extensao != 'jpeg') AND ($extensao != 'bmp') AND ($extensao != 'gif') AND ($extensao != 'png'))
{
unlink($source_file);
throw new Exception(' <b>Arquivo inválido, o arquivo não é uma extensão de imagem, selecione outro arquivo de imagem!</b><br>
<b>Extensões permitidas (JPG, JPEG, BMP, GIF, PNG)</b>');
}
if($extensao_resp != '')
if ( ($extensao_resp != 'jpg') AND ($extensao_resp != 'jpeg') AND ($extensao_resp != 'bmp') AND ($extensao_resp != 'gif') AND ($extensao_resp != 'png'))
{
unlink($source_file_resp);
throw new Exception(' <b>Arquivo inválido, o arquivo não é uma extensão de imagem, selecione outro arquivo de imagem!</b><br>
<b>Extensões permitidas (JPG, JPEG, BMP, GIF, PNG)</b>');
}
// if the user uploaded a source file
//new TMessage($object->cod_quest);
if (file_exists($source_file) AND ($extensao != ''))
{
//move to the target directory
$novoNome = uniqid ( time () ) .'.'. $extensao;
$target_file = 'images/'.$novoNome;
rename($source_file, $target_file);
//atualizando a imagem
$object->imagem = $target_file;
$image = new TImage($object->imagem);
$image->style = 'width: 100%';
$this->frame->add( $image );
}
if (file_exists($source_file_resp) AND ($extensao_resp != ''))
{
//move to the target directory
$novoNome_resp = uniqid ( time () ) .'.'. $extensao_resp;
$target_file_resp = 'images/'.$novoNome_resp;
rename($source_file_resp, $target_file_resp);
//atualizando a imagem
$object->imagem_resposta = $target_file_resp;
$image_resp = new TImage($object->imagem_resposta);
$image_resp->style = 'width: 100%';
$this->frame->add( $image_resp );
}
//Fim Gravação imagem
$object->store(); // stores the object
$this->form->setData($object); // fill the form with the active record data
TTransaction::close(); // close the transaction
new TMessage('info', TAdiantiCoreTranslator::translate('Record saved')); // success message
$this->onReload(); // reload the listing
}
catch (Exception $e) // in case of exception
{
new TMessage('error', '<b>Error</b> ' . $e->getMessage()); // shows the exception error message
TTransaction::rollback(); // undo all pending operations
}
}
/**
* method onEdit()
* Executed whenever the user clicks at the edit button da datagrid
*/
function onEdit($param)
{
try
{
if (isset($param['key']))
{
$key=$param['key']; // get the parameter $key
TTransaction::open('super_prova'); // open a transaction with the database
$object = new Questoes($key); // instantiates the Active Record
//mostra imagem
if ($object)
{
$image = new TImage($object->imagem);
$image->style = 'width: 100%';
$this->frame->id = 'photo_frame';
$this->frame->add( $image );
$image_resp = new TImage($object->imagem_resposta);
$image_resp->style = 'width: 100%';
$this->frame->id = 'photo_frame_resposta';
$this->frame->add( $image_resp );
}
$this->form->setData($object); // fill the form with the active record data
TTransaction::close(); // close the transaction
}
else
{
$this->form->clear();
}
}
catch (Exception $e) // in case of exception
{
new TMessage('error', '<b>Error</b> ' . $e->getMessage()); // shows the exception error message
TTransaction::rollback(); // undo all pending operations
}
}
/**
* method show()
* Shows the page e seu conteúdo
*/
function show()
{
// check if the datagrid is already loaded
if (!$this->loaded AND (!isset($_GET['method']) OR $_GET['method'] !== 'onReload') )
{
$this->onReload( func_get_arg(0) );
}
parent::show();
}
/**
* On complete upload
*/
public static function onComplete($param)
{
new TMessage('info', 'Upload completed: '.$param['imagem']);
// refresh photo_frame
TScript::create("$('#photo frame').html('')");
TScript::create("$('#photo_frame').append(\\"<img style='width:100%' src='tmp/{$param['imagem']}'>\\");");
}
/**
* On complete upload
*/
public static function onCompleteResposta($param)
{
new TMessage('info', 'Upload completed: '.$param['imagem_resposta']);
// refresh photo_frame_reposta
TScript::create("$('#photo frame_resposta').html('')");
TScript::create("$('#photo_frame_resposta').append(\\"<img style='width:100%' src='tmp/{$param['imagem_resposta']}'>\\");");
}
}
?>

NR

Nataniel Rabaioli 08/07/2016 (há 7 anos)

Leandro, verifique a linha 62, há um erro na escrita. Deveria ser RESPOSTA ao invés de RESPOTA. Tá faltando o S.

<?php
$this->frame->id = 'photo_frame_respota';
?>

LB

Leandro José Nogueira Barbosa - AUTOR DO POST 08/07/2016 (há 7 anos)

Nataniel, apesar do erro de digitação nã é ele quem está causando o problema, a imagem está carregando no frame errado, tenho dois campos de imagem e a "Imagem Enunciado" está sendo carregada dento do frame destinado a "Imagem Resposta". Estou meio perdido com esse problema.

NR

Nataniel Rabaioli 08/07/2016 (há 7 anos)

Aqui funcionou certinho, cada imagem em seu frame.

LB

Leandro José Nogueira Barbosa - AUTOR DO POST 08/07/2016 (há 7 anos)

Nataniel tem como identificar a frame que quero que a imagem seja criada tipo quando dou o comando $this->frame->add( $image );

NR

Nataniel Rabaioli 08/07/2016 (há 7 anos)

Leandro, provavelmente teu problema está em utilizar a mesma variável para os 2 frames: $this->frame
Acontece que ao sair do construct, $this->frame só corresponde ao frame2 e você não tem mais a instância do frame1.

Criando 2 variáveis o problema deve ser resolvido

LB

Leandro José Nogueira Barbosa - AUTOR DO POST 08/07/2016 (há 7 anos)

Vou tentar e reporto o resultado.
Obrigado por enquanto.

LB

Leandro José Nogueira Barbosa - AUTOR DO POST 08/07/2016 (há 7 anos)

Nataniel, você é o mestre do pHP kkkkkk, funcionou perfeitamente com duas variáveis, muito obrigado!

Um abraço.