Árvore de páginas

Carregando...

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

...

Bloco de código
languagecss
firstline1
titleExemplo de Classe CSS
linenumberstrue
.page-content .list-item .tag-1 {
	border-left: 5px solid #F15A22;
}

Sintaxe

Bloco de código
languagecpp
<totvs-list-item>
	...
</totvs-list-item>

Propriedades

NomeTipoPadrãoDescrição
idstring-Identificador único para o item da lista. Por convenção deve ser concatenado o nome do item com um id (ou valor correspondente) para formação do identificador único.
classstring-(opcional) Para que seja apresentado a borda lateral conforme a cor da tag devemos montar um css conforme exemplo a baixo:
selectedobjeto-(opcional) Item da lista para ser usado em conjunto com o Totvs Page Quick Select. Deve conter o proprio item (objeto) que esta sendo exibido. Ao ser informado será disponibilizado o checkbox para seleção do registro, a identificação do item selecionado é feito através da propriedade $selected adicionada ao proprio item da lista.

Dependência

Exemplo de uso

Bloco de código
languagexml
firstline1
titleExemplo #01
linenumberstrue
<totvs-page type="list">
	...
	<totvs-page-content>
		...
        <totvs-list-item
			id="country{{country.id}}"
            class="tag-2"
            ng-repeat="country in controller.listOfcountry">
            ...
        </totvs-list-item>
	</totvs-page-content>
</totvs-page>

resultado

Leia mais...