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

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

Consegui fica aqui para caso alguém precise.

TScript::create("

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

");

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

Valeu a dica

Ricelli Martins de Carvalho 18/11/2015 (há 9 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á 9 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á 9 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á 9 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á 9 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', '<b>Error</b> ' . $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', '<b>Error</b> ' . $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', '<b>Error</b> ' . $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', '<b>Error</b> ' . $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á 9 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");
};