Page tree
Skip to end of metadata
Go to start of metadata


Essa página é parte de um tutorial, veja mais detalhes sobre o conteúdo abordado aqui em Editor de views.

Passos

Página minhas reservas

Na página minhasReservas.view.html é destinada aos alunos, serão exibidas apenas as colunas nome do livro e data de reserva. Ao adicionar um novo registro, apenas o campo nome do livro será exibido, já que os campos nome do usuário e data de reserva serão inseridos automaticamente.

Abra o arquivo minhasReservas.view.html, criado no momento que geramos o CRUD (localizado em src / main / webapp / views / logged /).

Internacionalização do Título

Selecione o componente título da página (1 da Figura 1.1), clique no ícone Traduzir logo acima da propriedade Conteúdo (2) para abrir a janela de internacionalização e informe "minhasReservas" no campo Chave, como já criamos essa chave anteriormente, os campos português e inglês serão automaticamente preenchidos.


Figura 1.1 - Internacionalizando o título da página

Alterar Fonte de dados

Vamos alterar a fonte de dados principal, usada pela grade, pela a que criamos anteriormente em Fontes de dados, exibindo somente os registros do usuário logado.


Figura 1.2 - Alterando a fonte de dados


Seguindo os passos da Figura 1.2:

  1. Selecione o componente Fonte de dados, que se encontra logo abaixo do Título do formulário na área de edição da view;

  2. Clique no botão "..." da propriedade Origem dos Dados para abrir a janela Lista de Fonte de Dados;

  3. Selecione a fonte ReservasAlunosLogado que criamos anteriormente;
  4. Clique em OK para salvar.

Configuração da Grade

Precisaremos realizar duas alterações na grade: ocultar o campo Data de reserva do formulário e impedir que o usuário possa editar uma reserva após ser criada. Esses passos são mostrados na figura 1.3.


Figura 1.3 - Configurações das colunas da Grade


  1. Selecione o componente grade na área de edição da view.
  2. Clique no botão "…" da propriedade Configurações para abrir a janela de Opções da Grade.
  3. Selecione a aba Colunas.
  4. Oculte o campo Data de reserva desmarcando o "X" na coluna Crud do campo datareserva.
  5. Marque um "X" na coluna Pesquisável do campo livro_nome e desmarque a mesma opção para o campo datareserva.
  6. Clique no ícone Editar do botão de comando para abrir a janela de configuração dessa Coluna.
  7. Selecione a opção "Excluir (Registro)" no campo Selecione o tipo


Páginas Livro e Reserva

Para finalizarmos a configuração das páginas web, precisamos acessar as páginas livro.view.html e reserva.view.html para ajustar a internacionalização dos seus títulos. 

Por isso, abra inicialmente a página livro.view.html (localizado em src / main / webapp / views / admin /), selecione o componente título (destaque 1 da figura 1.4) na área de edição, clique no ícone de internacionalização da propriedade Conteúdo (2 da figura 1.4) e informe "Livro" no campo Chave (3) da janela Internacionalizar. Como a chave "livro" já existe, os campos português e inglês serão automaticamente preenchidos.


Figura 1.4 - Internacionalização do título da página livro


Abra agora a página reserva.view.html (localizado em src / main / webapp / views / admin /), selecione o componente título (destaque 1 da figura 1.5) na área de edição, clique no ícone de internacionalização da propriedade Conteúdo (2 da figura 1.5) e informe "Reserva" no campo Chave (3) da janela Internacionalizar. Ainda não criamos essa chave, por isso, será necessário preencher os campos português com "Reserva" e inglês com "Booking".


Figura 1.5 - Internacionalização do título da página reserva


  • No labels