Como criar uma tela MarkBrowse em poucos passos – Terminal de Informação

Como criar uma tela MarkBrowse em poucos passos

No artigo de hoje, vamos mostrar como criar facilmente uma tela de marcação de dados.

Hoje vou demonstrar como é fácil gerar um código fonte de uma tela de marcação com FWMarkBrowse.

Acesse o Autumn Code Maker , caso não tenha uma conta ainda, crie uma conta gratuitamente (você poderá usar a geração de fontes até 3 vezes)
Na página inicial clique em FWMarkBrowse

Opção FWMarkBrowse

Dê um nome para a função

<img decoding="async" aria-describedby="caption-attachment-104574" data-attachment-id="104574" data-permalink="https://terminaldeinformacao.com/2022/10/06/como-criar-uma-tela-markbrowse-em-poucos-passos/print_02-45/" data-orig-file="https://i0.wp.com/terminaldeinformacao.com/wp-content/uploads/2022/08/print_02-4.png?fit=820%2C263&ssl=1" data-orig-size="820,263" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="print_02" data-image-description="" data-image-caption="<p>Definições da função</p> " data-medium-file="https://i0.wp.com/terminaldeinformacao.com/wp-content/uploads/2022/08/print_02-4.png?fit=300%2C96&ssl=1" data-large-file="https://i0.wp.com/terminaldeinformacao.com/wp-content/uploads/2022/08/print_02-4.png?fit=720%2C231&ssl=1" class="size-full wp-image-104574" src="https://i0.wp.com/terminaldeinformacao.com/wp-content/uploads/2022/08/print_02-4.png?resize=720%2C231&ssl=1" alt="" width="720" height="231" srcset="https://i0.wp.com/terminaldeinformacao.com/wp-content/uploads/2022/08/print_02-4.png?w=820&ssl=1 820w, https://i0.wp.com/terminaldeinformacao.com/wp-content/uploads/2022/08/print_02-4.png?resize=300%2C96&ssl=1 300w, https://i0.wp.com/terminaldeinformacao.com/wp-content/uploads/2022/08/print_02-4.png?resize=768%2C246&ssl=1 768w, https://i0.wp.com/terminaldeinformacao.com/wp-content/uploads/2022/08/print_02-4.png?resize=740%2C237&ssl=1 740w" sizes="(max-width: 720px) 100vw, 720px" data-recalc-dims="1" />

Definições da função

Se quiser, defina parâmetros para filtragem

<img decoding="async" aria-describedby="caption-attachment-104575" data-attachment-id="104575" data-permalink="https://terminaldeinformacao.com/2022/10/06/como-criar-uma-tela-markbrowse-em-poucos-passos/print_03-35/" data-orig-file="https://i0.wp.com/terminaldeinformacao.com/wp-content/uploads/2022/08/print_03-3.png?fit=1072%2C262&ssl=1" data-orig-size="1072,262" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="print_03" data-image-description="" data-image-caption="<p>Parâmetros usados na tela</p> " data-medium-file="https://i0.wp.com/terminaldeinformacao.com/wp-content/uploads/2022/08/print_03-3.png?fit=300%2C73&ssl=1" data-large-file="https://i0.wp.com/terminaldeinformacao.com/wp-content/uploads/2022/08/print_03-3.png?fit=720%2C176&ssl=1" class="size-full wp-image-104575" src="https://i0.wp.com/terminaldeinformacao.com/wp-content/uploads/2022/08/print_03-3.png?resize=720%2C176&ssl=1" alt="" width="720" height="176" srcset="https://i0.wp.com/terminaldeinformacao.com/wp-content/uploads/2022/08/print_03-3.png?w=1072&ssl=1 1072w, https://i0.wp.com/terminaldeinformacao.com/wp-content/uploads/2022/08/print_03-3.png?resize=300%2C73&ssl=1 300w, https://i0.wp.com/terminaldeinformacao.com/wp-content/uploads/2022/08/print_03-3.png?resize=1024%2C250&ssl=1 1024w, https://i0.wp.com/terminaldeinformacao.com/wp-content/uploads/2022/08/print_03-3.png?resize=768%2C188&ssl=1 768w, https://i0.wp.com/terminaldeinformacao.com/wp-content/uploads/2022/08/print_03-3.png?resize=740%2C181&ssl=1 740w" sizes="(max-width: 720px) 100vw, 720px" data-recalc-dims="1" />

Parâmetros usados na tela

Defina a query SQL e os campos que serão exibidos

<img decoding="async" aria-describedby="caption-attachment-104576" data-attachment-id="104576" data-permalink="https://terminaldeinformacao.com/2022/10/06/como-criar-uma-tela-markbrowse-em-poucos-passos/print_04-22/" data-orig-file="https://i0.wp.com/terminaldeinformacao.com/wp-content/uploads/2022/08/print_04-4.png?fit=1085%2C452&ssl=1" data-orig-size="1085,452" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="print_04" data-image-description="" data-image-caption="<p>Definições dos dados que serão exibidos</p> " data-medium-file="https://i0.wp.com/terminaldeinformacao.com/wp-content/uploads/2022/08/print_04-4.png?fit=300%2C125&ssl=1" data-large-file="https://i0.wp.com/terminaldeinformacao.com/wp-content/uploads/2022/08/print_04-4.png?fit=720%2C300&ssl=1" class="size-full wp-image-104576" src="https://i0.wp.com/terminaldeinformacao.com/wp-content/uploads/2022/08/print_04-4.png?resize=720%2C300&ssl=1" alt="" width="720" height="300" srcset="https://i0.wp.com/terminaldeinformacao.com/wp-content/uploads/2022/08/print_04-4.png?w=1085&ssl=1 1085w, https://i0.wp.com/terminaldeinformacao.com/wp-content/uploads/2022/08/print_04-4.png?resize=300%2C125&ssl=1 300w, https://i0.wp.com/terminaldeinformacao.com/wp-content/uploads/2022/08/print_04-4.png?resize=1024%2C427&ssl=1 1024w, https://i0.wp.com/terminaldeinformacao.com/wp-content/uploads/2022/08/print_04-4.png?resize=768%2C320&ssl=1 768w, https://i0.wp.com/terminaldeinformacao.com/wp-content/uploads/2022/08/print_04-4.png?resize=740%2C308&ssl=1 740w" sizes="(max-width: 720px) 100vw, 720px" data-recalc-dims="1" />

Definições dos dados que serão exibidos

Clique em Gerar Função
Agora basta gerar o código e compilar na base, abaixo um print do resultado

<img decoding="async" aria-describedby="caption-attachment-104577" data-attachment-id="104577" data-permalink="https://terminaldeinformacao.com/2022/10/06/como-criar-uma-tela-markbrowse-em-poucos-passos/print_05-15/" data-orig-file="https://i0.wp.com/terminaldeinformacao.com/wp-content/uploads/2022/08/print_05-2.png?fit=1366%2C478&ssl=1" data-orig-size="1366,478" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="print_05" data-image-description="" data-image-caption="<p>Exemplo de tela gerada no Autumn</p> " data-medium-file="https://i0.wp.com/terminaldeinformacao.com/wp-content/uploads/2022/08/print_05-2.png?fit=300%2C105&ssl=1" data-large-file="https://i0.wp.com/terminaldeinformacao.com/wp-content/uploads/2022/08/print_05-2.png?fit=720%2C252&ssl=1" class="size-full wp-image-104577" src="https://i0.wp.com/terminaldeinformacao.com/wp-content/uploads/2022/08/print_05-2.png?resize=720%2C252&ssl=1" alt="" width="720" height="252" srcset="https://i0.wp.com/terminaldeinformacao.com/wp-content/uploads/2022/08/print_05-2.png?w=1366&ssl=1 1366w, https://i0.wp.com/terminaldeinformacao.com/wp-content/uploads/2022/08/print_05-2.png?resize=300%2C105&ssl=1 300w, https://i0.wp.com/terminaldeinformacao.com/wp-content/uploads/2022/08/print_05-2.png?resize=1024%2C358&ssl=1 1024w, https://i0.wp.com/terminaldeinformacao.com/wp-content/uploads/2022/08/print_05-2.png?resize=768%2C269&ssl=1 768w, https://i0.wp.com/terminaldeinformacao.com/wp-content/uploads/2022/08/print_05-2.png?resize=740%2C259&ssl=1 740w" sizes="(max-width: 720px) 100vw, 720px" data-recalc-dims="1" />

Exemplo de tela gerada no Autumn

E abaixo um vídeo demonstrando o procedimento descrito acima, caso queira assistir:

Bom pessoal, por hoje é só.

Abraços e até a próxima.

Relacionado

Tags: AdvPL Protheus

6 de outubro de 2022

<img alt='' src='https://secure.gravatar.com/avatar/49e8476dcf7c079a7d38808f17443657?s=128&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/49e8476dcf7c079a7d38808f17443657?s=256&d=mm&r=g 2x' class='avatar avatar-128 photo' height='128' width='128' decoding='async'/>

Dan (Daniel Atilio)

Cristão de ramificação protestante. Especialista em Engenharia de Software pela FIB, graduado em Banco de Dados pela FATEC Bauru e técnico em informática pelo CTI da Unesp. Entusiasta de soluções Open Source e blogueiro nas horas vagas. Autor e mantenedor do portal Terminal de Informação.

Deixe uma respostaCancelar resposta