Segue abaixo modelos para desenvolvimento de templates em AngularJS no MOVERE, independentes de server controls:
Estrutura de título/controle:
Antes:
<div class="form-group"> <div class="control-label col-sm-2"> <lsysBas:Titulo ID="tNomeCampo" runat="server"></lsysBas:Titulo> </div> <div class="col-sm-10"> <lsysBas:CaixaTexto ID="cNomeCampo" runat="server" ng-model="nomeCampoAngular"></lsysBas:CaixaTextoEstab> </div> </div>
Depois:
<elemento-Formulario titulo="Nome do Campo"> <caixa-Texto ng-model="nomeCampoAngular"></caixa-Texto> </elemento-Formulario>
Ou seja:
<elemento-Formulario titulo="Nome do Campo"> Pode ser inserido qualquer componente que iria entre a div com classe [col-sm-10] </elemento-Formulario>
Componentes Disponíveis:
<elemento-Formulario titulo=""> ... conteudo ... </elemento-Formulario> <caixa-Texto ng-Model="" [colunas=""] [tamanho-Maximo=""] [texto-Ajuda=""]></caixa-Texto> <caixa-Memo ng-Model="" [linhas=""] [colunas=""] [tamanho-Maximo=""] [texto-Ajuda=""]></caixa-Memo> <caixa-Numero-Inteiro ng-Model="" [texto-Ajuda=""]></caixa-Numero-Inteiro> <caixa-Numero-Decimal ng-Model="" [digitos=""] [texto-Ajuda=""]></caixa-Numero-Decimal> <caixa-Texto-Pesquisa-Rapida ng-Model="" tipo="" [ng-Model-Resultado=""] [ng-Model-Registro=""] [texto-Ajuda=""] [on-Click=""]></caixa-Texto-Pesquisa-Rapida>
Pesquisa Rápida:
- ng-Model-Resultado: Opcional, se utilizado, deve ser definido um model do angular para receber o texto resultado selecionado pelo usuário;
- ng-Model-Registro: Opcional, se utilizado, deve ser definido um model do angular para receber o objeto definido na pesquisa rápida do server;
- on-Click: Opcional, se utilizado,deve ser especificado um evento que será executado quando o usuário clicar na lupa. Quando o usuário clica no botão o sistema abre a janela de pesquisa padrão contendo a rotina principal da consulta em questão, se o evento for especificado, a abertura da janela será desativada e apenas o evento será disparado.