DICA::Filtro Refinado: Esconder/Exibir Dinamicamente

A pedido de um colega segue dica de botão para esconder exibir coluna do filtro refinado nas grids:

Caso queira abrir a Grid com a coluna do filtro refinado escondido:
onScriptInit:

echo <<<HTML
<style>
.scGridRefinedSearchPadding {
	display: none
}
</style>
HTML;

Criar botão javascript com código:

$('.scGridRefinedSearchPadding').slideToggle(700);

Onde 700 é o tempo em milisegundos da animação de encolhimento ou expansão.

Ah, aproveitando, revejam uma série de 4 vídeos que fiz há 4 anos, como inserir e trocar imagens dinamicamente em uma Grid, simulando o Botão Run, sem recarregar a aplicação após o clique:
Vídeo 1: https://www.youtube.com/watch?v=ow-UV2fopyQ
Vídeo 2: https://www.youtube.com/watch?v=UFkSgH_tlEY
Vídeo 3: https://www.youtube.com/watch?v=DezMX-3BsUY
Vídeo 4: https://www.youtube.com/watch?v=1nYwOYxilWI

Exemplo dos vídeos acima: https://iwh.tec.br/scriptcase/grid_onclick/

Ah, já que é para deixar as aplicações scriptcase mais bonitinhas, segue uma evolução do exemplo acima:
Criei uma classe php para gerar o componente Toggle Switch.

Para completar, crie barra de ferramentas em linha da grid, com ligação em modal, tooltip do tipo balão de mensagem e outros…


Minhas classes disponíveis no GitHub:

TAGS: HAROLDO, GRID, FILTRO REFINADO, ESCONDER. ENCOLHER, EXPANDIR, EXIBIR, JQUERY, DINAMICAMENTE

Obrigado Haroldo. O que você posta sempre é grande ajuda.

1 Curtida