Mover Scroll do Data Grid

Mover Scroll do Data Grid Pessoal estou tentando via JavaScript mover o scroll do data grid porém estou pecando em algo o código que estou usando é esse: ...

Fechado

Felipe Cortez 18/11/2015 (há 8 anos)

Pessoal estou tentando via JavaScript mover o scroll do data grid porém estou pecando em algo o código que estou usando é esse:

<?php
TScript::create("
$('#tdatagrid_table').attr({scrollTop: $('#tdatagrid_table').attr('scrollHeight')});
");
?>

Curso completo Meu Negócio Pronto

Use para si, ou transforme em um negócio: Inclui aulas e códigos-fontes
Gestor de conteúdo (SITE) + Loja Virtual (E-Commerce) + Emissor de Notas para infoprodutos

Meu negócio pronto Quero me inscrever agora!

Comentários (8)

Felipe Cortez - AUTOR DO POST 18/11/2015 (há 8 anos)

Consegui fica aqui para caso alguém precise.

TScript::create("

$('#tdatagrid_body').scrollTop(800);

");

Ricardo Câmara 18/11/2015 (há 8 anos)

Valeu a dica

Ricelli Martins de Carvalho 18/11/2015 (há 8 anos)

Felipe. Em que parte do código deve ser colocado esse script? Seria no método construtor?

Felipe Cortez - AUTOR DO POST 18/11/2015 (há 8 anos)

No meu caso coloco no onSeach antes do onReload ele faz o scroll descer ainda falta eu descobrir uma forma de recuperar o valor do scrollTop para quando eu atualizar ele retornar o scroll para a posição que estava.

Tem que colocar o id na classe TDataGrid senão dá erro.

Felipe Cortez - AUTOR DO POST 19/11/2015 (há 8 anos)

Primeiro vamos entender minha necessidade tenho um data grid onde é feito lançamentos mensais e existe atualizações manual que é um saco ficar rolando o scroll dessa forma.

Vamos ao passos:

1 - Na classe TDataGrid incluido o id tdatagrid_body. //não recomendo mexer no core o ideal é criar outra classe.

2 - Criado o campo THilden na classe do DataGrid

3 - Criado o código java que vai pegar onde o scroll parou.
Pode ser incluído em qualquer parte dentro da classe

<?php
TScript::create('
var TO = false;
var scroll_static = true;
$(\\'#tdatagrid_body\\').scroll(function(){
if( scroll_static ){
//console.log(\\'start scrolling\\');
scroll_static = false;
}
if(TO !== false){ clearTimeout(TO); }
TO = setTimeout(myfunction, 200);
});
function myfunction(){
scroll_static = true;
var x = $(\\'#tdatagrid_body\\').scrollTop();
//console.log(x);
$("input[name=\\'scroll\\']").val(x);
}
');
}
?>

Depois no onSearch

<?php
$data = $this->form->getData();
TSession::setValue('varscroll',$data->scroll);
?>

Para Finalizar no onReload

<?php
$varscroll = TSession::getValue('varscroll');
TScript::create("
$('#tdatagrid_body').scrollTop({$varscroll});
");
?>

Alex Sandro Sampaio Maia 21/11/2015 (há 8 anos)

Eu fiz e deu errado. Onde eu coloco esse código que vc postou acima?

<?php
TScript::create('
====================
Outra coisa, nessa última postagem, pq vc não falou nada a respeito do código abaixo?
TScript::create("
$('#tdatagrid_body').scrollTop(800);
");
Ainda usa-se o código acima?
==========================
Outra coisa, o meu datagrid já mostra a numeração de páginas no rodapé, e eu gero com o assistente do adianti pro 2.0, é necessário mover esta barra scroll? E pq no meu datagrid não aparece esta barra?

Alex Sandro Sampaio Maia 21/11/2015 (há 8 anos)

Ai está todo o meu código da consulta ou pesquisa, como eu uso este código para exibir a barra e mover o scroll do datagrid? Dá para postar o mesmo código acima com as alterações?

==================================

<?php
class SalarioList extends TPage
{
private $form; // formulário de registro
private $datagrid; // listagem
private $pageNavigation;
private $loaded;
public function __construct()
{
parent::__construct();
// Executa um script que substitui o Tab pelo Enter.
parent::include_js('app/lib/include/application.js');
// Set focus no campo especificado
TScript::create('setTimeout(function() { $("input[name=\'id\']").focus() }, 500);');
// ccria o formulário
$this->form = new TForm('form_search_Salario');
$this->form->class = 'tform'; // CSS class
// cria a tabela
$table = new TTable;
$table-> width = '100%';
$this->form->add($table);
// adicionar uma linha para o título do formulário
$row = $table->addRow();
$row->class = 'tformtitle'; // CSS class
$row->addCell( new TLabel('Preencha um dos campos para pesquisa') )->colspan = 2;
// criar os campos do formulário
$id = new TEntry('id');
$nome = new TEntry('nome');
$empresa = new TEntry('empresa');
// definir os tamanhos dos campos
$id->setSize(50);
$nome->setSize(540);
$empresa->setSize(540);
// Número de Caracteres permitidos dentro dos campos
$id->setMaxLength(7);
$nome->setMaxLength(60);
$empresa->setMaxLength(60);
// adiciona uma linha para cada campo de formulário
$table->addRowSet( new TLabel('Código:'), $id );
$table->addRowSet( new TLabel('Nome do Empregado:'), $nome );
$table->addRowSet( new TLabel('Nome da Empresa:'), $empresa );
$this->form->setFields(array($id,$nome,$empresa));
// manter o formulário preenchido durante a navegação com dados da sessão
$this->form->setData( TSession::getValue('Salario_filter_data') );
// criar botões de ação para o formulário
$find_button = TButton::create('find', array($this, 'onSearch'), _t('Find'), 'ico_find.png');
// $new_button = TButton::create('new', array('SalarioForm', 'onEdit'), _t('New'), 'ico_new.png');
$list_button = TButton::create('list', array('SalarioList', 'onReload'), ('Limpar Campos'), 'ico_ok.png');
$tudo_button = TButton::create('tudo', array('SalarioList', 'onTudo'), ('Excluir Tudo'), 'ico_delete.png');
$export_button = TButton::create('export', array('SalarioList', 'onExportCSV'), ('Exportar'), 'ico_print.png');
$ajuda_button = TButton::create('ajuda', array('Ajuda', 'onShow'), ('Ajuda'), 'ico_question.png');
$this->form->addField($find_button);
// $this->form->addField($new_button);
$this->form->addField($list_button);
$this->form->addField($tudo_button);
$this->form->addField($export_button);
$this->form->addField($ajuda_button);
$buttons_box = new THBox;
$buttons_box->add($find_button);
// $buttons_box->add($new_button);
$buttons_box->add($list_button);
$buttons_box->add($tudo_button);
$buttons_box->add($export_button);
$buttons_box->add($ajuda_button);
// adicionar uma linha para a ação de formulário
$row = $table->addRow();
$row->class = 'tformaction'; // CSS class
$row->addCell($buttons_box)->colspan = 2;
// cria a datagrid
$this->datagrid = new TDataGrid;
$this->datagrid->setHeight(320);
// cria as colunas datagrid
$id = new TDataGridColumn('id', 'Código', 'center', 7);
$nome = new TDataGridColumn('nome', 'Nome do Empregado', 'left', 250);
$empresa = new TDataGridColumn('empresa', 'Nome da Empresa', 'left', 250);
// adicionar as colunas para o DataGrid
$this->datagrid->addColumn($id);
$this->datagrid->addColumn($nome);
$this->datagrid->addColumn($empresa);
// cria as ações na colunas datagrid
$order_id= new TAction(array($this, 'onReload'));
$order_id->setParameter('order', 'id');
$id->setAction($order_id);
$order_nome= new TAction(array($this, 'onReload'));
$order_nome->setParameter('order', 'nome');
$nome->setAction($order_nome);
$order_empresa= new TAction(array($this, 'onReload'));
$order_empresa->setParameter('order', 'empresa');
$empresa->setAction($order_empresa);
// cria duas ações datagrid
$action1 = new TDataGridAction(array('SalarioForm', 'onEdit'));
$action1->setLabel(_t('Edit'));
$action1->setImage('ico_edit.png');
$action1->setField('id');
$action2 = new TDataGridAction(array($this, 'Delete'));
$action2->setLabel(_t('Delete'));
$action2->setImage('ico_delete.png');
$action2->setField('id');
// adicionar as ações para o datagrid
$this->datagrid->addAction($action1);
$this->datagrid->addAction($action2);
// criar o modelo datagrid
$this->datagrid->createModel();
// cria a navegação de página
$this->pageNavigation = new TPageNavigation;
$this->pageNavigation->setAction(new TAction(array($this, 'onReload')));
$this->pageNavigation->setWidth($this->datagrid->getWidth());
// criar o contêiner página
$container = TVBox::pack( $this->form, $this->datagrid, $this->pageNavigation);
parent::add($container);
}
function onSearch()
{
// obter os dados de formulário de pesquisa
$data = $this->form->getData();
// filtros de sessão clear
TSession::setValue('SalarioList_filter_id', NULL);
TSession::setValue('SalarioList_filter_nome', NULL);
TSession::setValue('SalarioList_filter_empresa', NULL);
if (isset($data->id) AND ($data->id)) {
$filter = new TFilter('id', 'like', "%{$data->id}%"); // criar o filtro
TSession::setValue('SalarioList_filter_id', $filter); // armazena o filtro na sessão
}
if (isset($data->nome) AND ($data->nome)) {
$filter = new TFilter('nome', 'like', "%{$data->nome}%"); // criar o filtro
TSession::setValue('SalarioList_filter_nome', $filter); // armazena o filtro na sessão
}
if (isset($data->empresa) AND ($data->empresa)) {
$filter = new TFilter('empresa', 'like', "%{$data->empresa}%"); // criar o filtro
TSession::setValue('SalarioList_filter_empresa', $filter); // armazena o filtro na sessão
}
// preencher o formulário com os dados novamente
$this->form->setData($data);
// manter os dados de pesquisa na sessão
TSession::setValue('Salario_filter_data', $data);
$param=array();
$param['offset'] =0;
$param['first_page']=1;
$this->onReload($param);
}
function onReload($param = NULL)
{
try
{
// abrir uma transação com banco de dados 'dbsalario'
TTransaction::open('dbsalario');
// cria um repositório para Salario
$repository = new TRepository('Salario');
$limit = 10;
// cria um critério
$criteria = new TCriteria;
// ordem padrão
if (empty($param['order']))
{
$param['order'] = 'id';
$param['direction'] = 'asc';
}
$criteria->setProperties($param); // ordem, offset
$criteria->setProperty('limit', $limit);
if (TSession::getValue('SalarioList_filter_id')) {
$criteria->add(TSession::getValue('SalarioList_filter_id')); // adicionar o filtro da sessão
}
if (TSession::getValue('SalarioList_filter_nome')) {
$criteria->add(TSession::getValue('SalarioList_filter_nome')); // adicionar o filtro da sessão
}
if (TSession::getValue('SalarioList_filter_empresa')) {
$criteria->add(TSession::getValue('SalarioList_filter_empresa')); // adicionar o filtro da sessão
}
// carregar os objectos de acordo com critérios
$objects = $repository->load($criteria, FALSE);
$this->datagrid->clear();
$this->form->clear();
if ($objects)
{
// iterar a coleção de registros ativos
foreach ($objects as $object)
{
// adicionar o objeto dentro do datagrid
$this->datagrid->addItem($object);
}
}
// redefinir os critérios para a contagem de registro
$criteria->resetProperties();
$count= $repository->count($criteria);
$this->pageNavigation->setCount($count); // contagem de registros
$this->pageNavigation->setProperties($param); // ordem, página
$this->pageNavigation->setLimit($limit); // limite
// fechar a transacção
TTransaction::close();
$this->loaded = true;
}
catch (Exception $e) // em caso de excepção
{
// mostra a mensagem de erro de exceção
new TMessage('error', 'Error ' . $e->getMessage());
// desfazer todas as operações pendentes
TTransaction::rollback();
}
}
function onExportCSV()
{
$this->onSearch();
try
{
// open a transaction with database 'dbsalario'
TTransaction::open('dbsalario');
// creates a repository for Salario
$repository = new TRepository('Salario');
// creates a criteria
$criteria = new TCriteria;
if (TSession::getValue('salario_filter1'))
{
// add the filter stored in the session to the criteria
$criteria->add(TSession::getValue('salario_filter1'));
}
if (TSession::getValue('salario_filter2'))
{
// add the filter stored in the session to the criteria
$criteria->add(TSession::getValue('salario_filter2'));
}
$csv = '';
// load the objects according to criteria
$salarios = $repository->load($criteria);
if ($salarios)
{
$csv .= utf8_decode('Código').';'.
utf8_decode('Empregado').';'.
utf8_decode('Empresa')."\n";
foreach ($salarios as $salario)
{
$csv .= $salario->id.';'.
utf8_decode($salario->nome).';'.
utf8_decode($salario->empresa)."\n";
}
file_put_contents('app/output/salarios.csv', $csv);
TPage::openFile('app/output/salarios.csv');
}
// close the transaction
TTransaction::close();
}
catch (Exception $e) // in case of exception
{
// shows the exception error message
new TMessage('error', 'Error ' . $e->getMessage());
// undo all pending operations
TTransaction::rollback();
}
}
/*
Se for incluir pergunta antes de excluir um registro,
então, acione esta função abaixo, e depois lá em cima,
nos botões de ações, substitua: (delete) por (ondelete).
function onDelete($param)
{
// definir a ação de exclusão
$action = new TAction(array($this, 'Delete'));
$action->setParameters($param); // pass the key parameter ahead
// mostra uma caixa de diálogo para o usuário
new TQuestion(TAdiantiCoreTranslator::translate('Do you really want to delete ?'), $action);
}
*/
function Delete($param)
{
try
{
$key=$param['key']; // obter o parâmetro $key
TTransaction::open('dbsalario'); // abrir uma transação com banco de dados
$object = new Salario($key, FALSE); // instancia o Active Record
$object->delete(); //exclui o objeto do banco de dados
TTransaction::close(); // fechar a transacção
$this->onReload( $param ); // recarregar a listagem
// new TMessage('info', TAdiantiCoreTranslator::translate('Registro Excluído')); // mensagem de sucesso
}
catch (Exception $e) // em caso de excepção
{
new TMessage('error', 'Error ' . $e->getMessage()); // mostra a mensagem de erro de exceção
TTransaction::rollback(); // desfazer todas as operações pendentes
}
}
function onTudo($param)
{
$action = new TAction(array($this, 'Tudo'));
$action->setParameters($param);
new TQuestion('Deseja Excluir Todos os Registros?', $action);
}
public function Tudo( $param )
{
try
{
TTransaction::open('dbsalario');
$repository = new TRepository('Salario');
$repository->delete();
// new TMessage('info', 'Todos os Registros foram Excluidos.');
TTransaction::close();
$this->onReload();
}
catch (Exception $e)
{
new TMessage('error', 'Error ' . $e->getMessage());
TTransaction::rollback();
}
}
function show()
{
// verificar se o datagrid já está carregado
if (!$this->loaded AND (!isset($_GET['method']) OR $_GET['method'] !== 'onReload') )
{
$this->onReload( func_get_arg(0) );
}
parent::show();
}
}

Pablo Dall'Oglio 28/01/2016 (há 8 anos)

No layout.html do tutor tem um código que faz a rolagem ir para o topo sempre que uma página é trocada.
Como a carga das páginas é por Ajax, às vezes a rolagem fica na parte de baixo da página, então isso ajuda:

Adianti.onBeforeLoad = function(url)
{
$("html, body").animate({ scrollTop: 0 }, "fast");
};