Tutorial. Parte 3. Detalhes

Nesta parte do tutorial, explicaremos como trabalhar com detalhes.

Vamos selecionar o item “Task/Groups” na árvore do projeto e clicar no botão Novo no canto inferior direito da página:

detail_group_jampy.png

Nomeie-o como “Detalhes”:

detail_group_not_visible_jampy.png

Na caixa de diálogo Editor de Item, nomearemos o novo item como “Lista de tarefas” e adicionaremos os dois campos “Criado em” e “Tarefa” da mesma forma como feito no tutorial anterior:

new_detail_jampy.png

Após salvar a “Lista de tarefas”, selecione o registro “Contatos” e clique no botão Detalhes no painel direito para abrir o Diálogo de Detalhes. Clique no botão de seta para a direita para adicionar a “Lista de tarefas” aos detalhes de “Contatos” e clique no botão OK para salvar as alterações.

details_dialog_jampy.png

Um novo item “Lista de tarefas” será criado como filho do registro “Contatos”.

contacts_to_do_list_jampy.png

Selecione novamente o registro “Contatos” e clique no botão Formulário de edição para abrir o Diálogo de Formulário de Edição. Selecione a guia Formulário, clique no botão à direita do campo Editar detalhes e marque a caixa “Lista de tarefas”.

details_to_edit_jampy.png

Vamos atualizar a página do projeto e dar um duplo clique no contato. Agora podemos adicionar itens à lista de tarefas do contato.

new_to_do_item_jampy.png

Clique no nó Grupos na árvore do projeto, dê um duplo clique na linha Detalhes e defina o atributo Visível como verdadeiro.

detail_group_visible_jampy.png

Ao atualizar a página do projeto, veremos o item “Lista de tarefas” no menu principal. Clique nele para ver a lista de tarefas de todos os contatos.

todo_all_jampy.png

Selecione novamente o registro “Contatos” e clique no botão Formulário de visualização para abrir o Diálogo de Formulário de Visualização. Selecione a guia Formulário, clique no botão à direita do campo Visualizar detalhe e marque a caixa “Lista de tarefas”.

contacts_view_detail_jampy.png

Na página do projeto, veremos que a lista de tarefas muda conforme o contato selecionado muda.

todo_completed_jampy.png