Histórico da Página
A tela de editar, como mencionado é a mesma de incluit, basicamente possui um cabeçalho, onde são exibidos o identificador do regitro da tabela, possui operações para cancelar a edição/inclusão e salvar o registro. No conteudo da pagina é exibido o formulario para o usuário informar os dados do registro.
Bloco de código | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||
<totvs-page type="edit"> <totvs-page-navbar> <totvs-page-breadcrumb> <breadcrumb link="#/">Home</breadcrumb> <breadcrumb link="#/">Sample</breadcrumb> <breadcrumb link="#/html-sample/message">{{'l-message' | i18n}}</breadcrumb> <breadcrumb>Editar {{controller.model['cod-mensagem']}}</breadcrumb> </totvs-page-breadcrumb> <totvs-page-header> <totvs-page-header-title title="{{controller.model['cod-mensagem']}}" placeholder="Nova mensagem"></totvs-page-header-title> <totvs-page-header-operation> <totvs-page-header-operation-action> </totvs-page-header-operation-action> </totvs-page-header-operation> </totvs-page-header> </totvs-page-navbar> <totvs-page-content> <totvs-page-form> <fieldset> <field type="input" data-ng-disabled="controller.idDisabled" class="col-lg-2 col-md-2 col-sm-2 col-xs-12" data-ng-model="controller.model['cod-mensagem']" required> <label>{{ 'l-id' | i18n }}</label> </field> <field type="input" class="col-lg-8 col-md-8 col-sm-8 col-xs-12" data-ng-model="controller.model['descricao']" required> <label>{{ 'l-description' | i18n }}</label> </field> <field type="textarea" class="col-lg-12 col-md-12 col-sm-12 col-xs-12" data-ng-model="controller.model['texto-mensag']"> <label>{{ 'l-text' | i18n }}</label> </field> </fieldset> </totvs-page-form> </totvs-page-content> </totvs-page> |
Linha 1 - Como na listagem temos a tag <ttovs-page> porem o type="edit"
Linha 10 - No header na tag <totvs-page-header-title> o atributo title recebe o identificador do registro.
Linhas 12-13 Na tag <totvs-page-header-operation-action> não ha ações relacionadas
Linha 18 - e definido a tag <totvs-page-form> para montar o formulario
Linha 19 - seguido de um <fieldset> para montar um grupo de campos
Linhas 20-37 Dentro da tag <fieldset> são colocadas varias tags <field> para cada campo que será incluido no formulario, cada <field> possui atributos para exibir o campo corretamente.
Linha 21 - o <field> do codigo apenas fica habilitado na inclusão, de acordo com o atributo idDisabled do controller
O resultado desta tela no modo edição é o seguinte:
O resultado desta tela no modo inclusão é o seguinte: