Atualização automática de datagrid com refresh

Atualização automática de datagrid com refresh Pessoal, Preciso de alguma forma ficar atualizando a cada X segundos os dados de uma tela de monitoramento com as informações contidas numa tabela. Alguma sugestão? Obrigado. ...

Fechado

Julio DeboraBon 17/04/2016 (há 8 anos)

Pessoal,

Preciso de alguma forma ficar atualizando a cada X segundos os dados de uma tela de monitoramento com as informações contidas numa tabela.

Alguma sugestão?

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

Julio DeboraBon - AUTOR DO POST 17/04/2016 (há 8 anos)

Uma solução ( não ideal ) foi colocar no código:

<?php
$script = new TElement('script');
$script->type = 'text/javascript';
$script->add('
$(document).ready(function(){
window.setTimeout(function(){ document.location.reload(true); }, 20000);
});
');
....
parent::add($script)
?>

Mas eu queria algo que não carregasse a página inteira, somente os dados.

Jhef Dev 18/04/2016 (há 8 anos)

Olá Julio, tudo bem?
Sobre sua dúvida, veja se entendi, você tem um TGrid e você quer que este TGrid, atualize em um determinado período de tempo, porém, não quer atualizar a pagina inteira, é isso?
Se for este o caso, onde você tem exatamente um TGrid, sugiro trocar o

document.location.reload(true);

por

__adianti_load_page('engine.php?class={SuaClasse}');

Trocando {SuaClasse} pelo nome da classe que esta com o TGrid, caso esteja invoncando um metodo use

__adianti_load_page('engine.php?class={SuaClasse}&method={SeuMetodo}');

Trocando {SeuMetodo} pelo nome do método.
E se me permite uma sugestão, se esta rotina for apenas uma rotina de monitoramento, onde não há a necessidade de se manipular os dados (CRUD), sugiro que você crie uma tabela utilizando a classe TElement, depois crie uma rotina no backend que irá te retornar os dados no formato JSON e utilize javascript(Jquery talvez) para popular a tabela, assim você ganha desempenho e a interação do usuário fica mais amigável.
Não sei se estes são os métodos ideais, mas espero que ajude.

Julio DeboraBon - AUTOR DO POST 19/04/2016 (há 8 anos)

Opa Jheferson,

No caso eu tenho mesmo que ler de uma tabela.

Queria te agradecer pois ficou perfeito a sugestão de colocar :

<?php__adianti_load_page('engine.php?class={SuaClasse}&method={SeuMetodo}'); ?>

Muito obrigado.

Julio DeboraBon - AUTOR DO POST 19/04/2016 (há 8 anos)

index.php?class=SystemStatusForm ( no SystemStatusForm eu coloquei o que vc sugeriu )

Aí eu naveguei e fui para

index.php?class=SettingsList

E após X segundos ele voltou para SystemStatusForm&method=onReload

Jhef Dev 20/04/2016 (há 8 anos)

Olá Julio, que bom que pude ajudar.
Poste seu código completo, deixa eu ver como esta, acredito que o problema pode esta na hora de add o script na pagina, pois esta adicionando e mantendo no DOM.

Julio DeboraBon - AUTOR DO POST 22/04/2016 (há 8 anos)

Tá aí Jheferson:

<?php
class SystemStatusForm extends TPage {
private $loaded;
private $form;
private $f_hw_cores;
private $f_hw_memory;
private $f_hw_uptime;
private $f_sw_radius;
private $f_sw_uptime;
private $f_sw_version;
/**
* Class constructor
* Creates the tb
*/
function __construct()
{
parent::__construct();
$script = new TElement('script');
$script->type = 'text/javascript';
$script->add('$(document).ready(function(){
// window.setTimeout(function(){ document.location.reload(true); }, 5000);
window.setTimeout(function(){ __adianti_load_page("engine.php?class=SystemStatusForm&method=onReload") }, 5000);
});
');
// creates the form
$this->form = new TQuickForm('form_SystemStatus');
$this->form->class = 'tform'; // change CSS
$this->form->style = 'display: table;width:100%'; // change style
// define the form title
$this->form->setFormTitle('Status do Sistema');
// create the values labels
$this->f_hw_cores = new TLabel('');
$this->f_hw_memory = new TLabel('');
$this->f_hw_uptime = new TLabel('');
$this->f_sw_radius = new TLabel('');
$this->f_sw_uptime = new TLabel('');
$this->f_sw_version = new TLabel('');
// create the labels for the values labels
$l_hw_cores = new TLabel('Cores:');
$l_hw_memory = new TLabel('Memory:');
$l_hw_uptime = new TLabel('Uptime:');
$l_sw_radius = new TLabel('Radius:');
$l_sw_uptime = new TLabel('Uptime:');
$l_sw_version = new TLabel('Version:');
$button_hw_restart = new TButton('action_hw_restart');
$button_hw_restart->setAction( new TAction(array($this, 'HwRestart')), 'Reiniciar hardware' );
$button_hw_restart->setImage('fa:cubes blue');
$button_sw_restart = new TButton('action_sw_restart');
$button_sw_restart->setAction( new TAction(array($this, 'SwRestart')), 'Reiniciar software' );
$button_sw_restart->setImage('fa:cubes green');
$this->form->setFields(array($button_hw_restart,$button_sw_restart));
// define label layout
$l_hw_cores->style = 'line-height: 30px; font-size: 20px';
$l_hw_memory->style = 'line-height: 30px; font-size: 20px';
$l_hw_uptime->style = 'line-height: 30px; font-size: 20px';
$l_sw_radius->style = 'line-height: 30px; font-size: 20px';
$l_sw_uptime->style = 'line-height: 30px; font-size: 20px';
$l_sw_version->style = 'line-height: 30px; font-size: 20px';
// define label values layout
$this->f_hw_cores->style = 'color: blue; font-style: italic; font-size: 20px';
$this->f_hw_cores->style = 'color: blue; font-style: italic; font-size: 20px';
$this->f_hw_memory->style = 'color: blue; font-style: italic; font-size: 20px';
$this->f_hw_uptime->style = 'color: blue; font-style: italic; font-size: 20px';
$this->f_sw_radius->style = 'color: blue; font-style: italic; font-size: 20px';
$this->f_sw_uptime->style = 'color: blue; font-style: italic; font-size: 20px';
$this->f_sw_version->style = 'color: blue; font-style: italic; font-size: 20px';
// creates a frame_hw
$frame_hw = new TFrame;
$frame_hw->oid = 'frame_hw';
$frame_hw->setLegend('HARDWARE');
// add tb_hw inside the frame_hw
$tb_hw = new TTable;
$frame_hw->add($tb_hw);
// add a row for tb_hw fields
$row=$tb_hw->addRow();
$row->addCell($l_hw_cores);
$row->addCell($this->f_hw_cores);
// add a row for tb_hw fields
$row=$tb_hw->addRow();
$row->addCell($l_hw_memory);
$row->addCell($this->f_hw_memory);
// add a row for tb_hw fields
$row=$tb_hw->addRow();
$row->addCell($l_hw_uptime);
$row->addCell($this->f_hw_uptime);
// add a row for tb_hw fields
$row=$tb_hw->addRow();
$row->addCell($button_hw_restart);
// creates a frame_sw
$frame_sw = new TFrame;
$frame_sw->oid = 'frame_sw';
$frame_sw->setLegend('SOFTWARE');
// add frame_sw inside the form
$row=$this->form->addRow();
$row->addCell($frame_hw);
$row->addCell($frame_sw);
// add tb_sw inside the frame_sw
$tb_sw = new TTable;
$frame_sw->add($tb_sw);
// add a row for tb_sw fields
$row=$tb_sw->addRow();
$row->addCell($l_sw_radius);
$row->addCell($this->f_sw_radius);
// add a row for tb_sw fields
$row=$tb_sw->addRow();
$row->addCell($l_sw_uptime);
$row->addCell($this->f_sw_uptime);
// add a row for tb_sw fields
$row=$tb_sw->addRow();
$row->addCell($l_sw_version);
$row->addCell($this->f_sw_version);
// add a row for tb_hw fields
$row=$tb_sw->addRow();
$row->addCell($button_sw_restart);
// wrap the tb content using vertical box
$vbox = new TVBox;
$vbox->style = 'width: 90%';
$vbox->add($this->form);
parent::add($script);
parent::add($vbox);
}
function onReload()
{
try
{
TTransaction::open('conPPPOE');
$repository = new TRepository('SystemStatus');
$criteria = new TCriteria;
$objects = $repository->load( $criteria );
foreach( $objects as $obj ) {
if( $obj->varname == 'hw_cores' ) {
if( $obj->varextra != '' )
$this->f_hw_cores->setValue( $obj->varvalue." [ ".$obj->varextra." ]" );
else
$this->f_hw_cores->setValue( $obj->varvalue );
}
if( $obj->varname == 'hw_memory' ) {
if( $obj->varextra != '' )
$this->f_hw_memory->setValue( $obj->varvalue." [ ".$obj->varextra." ]" );
else
$this->f_hw_memory->setValue( $obj->varvalue );
}
if( $obj->varname == 'hw_uptime' ) {
if( $obj->varextra != '' )
$this->f_hw_uptime->setValue( $obj->varvalue." [ ".$obj->varextra." ]" );
else
$this->f_hw_uptime->setValue( $obj->varvalue );
}
if( $obj->varname == 'sw_radius' ) {
if( $obj->varextra != '' )
$this->f_sw_radius->setValue( $obj->varvalue." [ ".$obj->varextra." ]" );
else
$this->f_sw_radius->setValue( $obj->varvalue );
}
if( $obj->varname == 'sw_uptime' ) {
if( $obj->varextra != '' )
$this->f_sw_uptime->setValue( $obj->varvalue." [ ".$obj->varextra." ]" );
else
$this->f_sw_uptime->setValue( $obj->varvalue );
}
if( $obj->varname == 'sw_version' ) {
if( $obj->varextra != '' )
$this->f_sw_version->setValue( $obj->varvalue." [ ".$obj->varextra." ]" );
else
$this->f_sw_version->setValue( $obj->varvalue );
}
}
}
catch (Exception $e)
{
new TMessage('error',$e->getMessage());
}
$this->loaded = TRUE;
}
/**
* shows the page
*/
function show()
{
if( !$this->loaded ) {
$this->onReload( func_get_arg(0));
}
parent::show();
}
function onSwRestart()
{
// define the disconnect action
$action = new TAction(array($this, 'SwRestart'));
// shows a dialog to the user
new TQuestion(('Realmente deseja reniciar o Software ?'), $action);
}
function SwRestart()
{
try
{
system("reboot software");
new TMessage('Reiniciar Software','O Software está sendo reniciado.');
}
catch (Exception $e)
{
new TMessage('error',$e->getMessage());
}
}
function onHwRestart()
{
// define the disconnect action
$action = new TAction(array($this, 'HwRestart'));
// shows a dialog to the user
new TQuestion(('Realmente deseja reniciar o Hardware ?'), $action);
}
function HwRestart()
{
try
{
system("reboot hardware");
new TMessage('Reiniciar Hardware','O Hardware está sendo reniciado.');
}
catch (Exception $e)
{
new TMessage('error',$e->getMessage());
}
}
}
?>

Jhef Dev 22/04/2016 (há 8 anos)

Olá Julio, o que está acontecendo é que no momento que você chama o setTimeout, o javascript ja registra isso no DOM, acionando o timer mesmo que vc mude de pagina assim que o timer terminar de contar ele vai executar, chamando a tela novamente.
Tente fazer o seguinte:

<?php
$script = new TElement('script');
$script->type = 'text/javascript';
$script->add("$(document).ready(function(){
window.setTimeout(function(){
var results = new RegExp('[\\?&]class=([^&#]*)').exec(window.location.href);
if('".__CLASS__."' == results[1] )
__adianti_load_page('engine.php?class=SystemStatusForm&method=onReload');
}, 5000);
});
");
?>

Isso irá fazer com que a chamada da pagina ocorra somente se o usuário estiver com ela aberta, pois ao navegar para outra pagina, o dom vai executar o script porem o if não deixará que a chamada ocorra novamente.

Julio DeboraBon - AUTOR DO POST 22/04/2016 (há 8 anos)

Funcionou.

Acho que entendi, dessa forma o setTimout é criado com uma checagem da classe SystemStatusForm e fazendo o onReload em caso de match. Isso?

Cara, muito obrigado.

Jhef Dev 25/04/2016 (há 8 anos)

Exatamente, assim não entra em um loop infinito.

Miguel Lino 09/05/2018 (há 5 anos)

Boa tarde, Jheferson Fonseca.
Estou usando a tua dica para atualizar minha tela de pendencias após alguns segundos.
Acontece que necessito abrir uma TWindow e com o SetTime ligado a tela do Twindow acaba fechando.

Como posso fazer para a TPage somente atualizar quando o Twindow nao tiver aberto?

Obrigado.

Robson Sorrilha 15/07/2021 (há 2 anos)

no caso em vez de usar addAction para chamar o TWindow use o addActionLink assim:

$btn_deli = $this->form->addActionLink

ai resolveu e não fechou mais o Twindow