TOTVS HTML Framework

Árvore de páginas

A tela de filtro avançado é uma tela modal que será apresentado quando clicado no botão de filtro avançado na tela de listagem.

Arquivo message.search.html 
<totvs-modal-header>Pesquisa Avan&ccedil;ada</totvs-modal-header>
<totvs-modal-body>
	<div class="row">
		<form class="form-horizontal" role="form">
			<field type="input" class="col-md-6" data-ng-model="controller.advancedSearch.codini">
				<label>Código inicial</label>
			</field>
			<field type="input" class="col-md-6" data-ng-model="controller.advancedSearch.codfin">
				<label>Código final</label>
			</field>
			<field type="input" class="col-md-12" data-ng-model="controller.advancedSearch.descricao">
				<label>Descricao contém</label>
			</field>
			<field type="input" class="col-md-12" data-ng-model="controller.advancedSearch.texto">
				<label>Texto contém</label>
			</field>	
		</form>
	</div>
</totvs-modal-body>
<totvs-modal-footer>
	<button type="button" class="btn btn-primary" data-ng-click="controller.search();">{{ 'btn-search' | i18n }}</button>
	<button type="button" class="btn btn-default" data-ng-click="controller.close();">{{ 'btn-cancel' | i18n }}</button>
</totvs-modal-footer>

 

Linha 1 - é o título da janela

 

Linha 3-20 - é o corpo da janela, é onde ficara o form com os campos que devem ser informados na pesquisa avançada.

 

Linha 22-25 - e o rodape do modal, no rodape são definidos as ações da janela, nesse caso chama o metodo search ou close do controller da modal.

 

A modal é exibida da seguinte forma:

  • Sem rótulos