Usando o WIzard de Páginas

Início  Anterior  Próximo

O WIzard de Páginas é o utilitário do WebIntegrator usado no desenvolvimento de páginas para o projeto que oferece ao desenvolvedor um ambiente de desenvolvimento baseado nos conceitos RAD (Rapid Application Development) para a criação e/ou edição de páginas WSP. Neste tipo de ambiente a maior parte do tempo de desenvolvimento de uma página será destinado à definição dos valores das propriedades e dos eventos dos elementos que irão fazer parte da página sem ser preciso que o desenvolvedor se importe com a codificação HTML necessária para gerá-la.

O ambiente do WIzard é composto de duas janelas: uma que exibe o layout da página como será visto pelos usuários da aplicação e uma outra janela, a janela de Propriedades, onde são exibidas as propriedades de um elemento da página que esteja selecionado.

A figura abaixo ilustra a janela exibindo o layout da página.



A figura seguinte exibe a janela de Propriedades dos elemetos de página.




Então, na janela onde se exibe o layout da página os elementos podem ser selecionados bastando clicar com o mouse sobre o ícone e automaticamente a janela de Propriedades irá exibir os dados do elemento correspondente.

Examinando a página que foi criada pelo WIzard vale destacar alguns detalhes. Como já havia sido dito anteriormente, baseado nos dados do objeto definido no pré-página o formulário Empresa foi criado e para cada coluna retornada na consulta foi criado um campo no formulário, o detalhe a ser percebido aqui é que o campo "Ramo de Atividade" veio como uma combo-box e já fazendo referência à combo ramosatividade que nós havíamos definido anteriormente.

Isso ocorreu porque o WIzard de Páginas ao processar o objeto tmp.empresa identificou que a tabela empresas utilizada pelo objeto tinha um relacionamento com a tabela ramosatividade através da coluna ramoatividade que estava sendo renomeada para "Ramo de Atvidade". Ao identificar esse relacionamento o Wizard de Páginas gerou o campo "Ramo de Atvidade" como sendo uma combo-box referenciando o componente combo.ramosatividade.

A referência ao componente combo é feita simplesmente concatenando o prefixo combo. ao nome da tabela com o qual a coluna se relaciona, no nosso caso como a coluna ramoatividade se relaciona com a tabela ramosatividade o WIzard de Páginas concatenou o prefixo combo. com ramosatividade fazendo assim referência a uma combo cujo identificador seja ramosatividade, como nós já havíamos definido uma combo justamente com esse identificador nós conseguimos tirar proveito de mais um recurso do WIzard.

Perceba que embora tenhamos definido duas combos apenas uma delas foi inserida automaticamente pelo WIzard de Páginas, a combo uf não foi inserida automaticamente porque o WIzard não detectou nenhum relacionamento entre a tabela empresas e a tabela uf mas mesmo assim você pode fazer essa alteração pessoalmente.

Pelo WIzard de Páginas selecione o campo UF da página clicando no ícone que aparece ao lado do campo. Veja que nesse momento a janela de Propriedades está reflitindo as propriedades relacionada ao campo UF, para que esse campo faça referência à combo uf siga os passos abaixo:

·

No campo Tipo troque a opção Campo por Grupo, assim nós estamos indicando ao WIzard de Páginas para que ele substitua o tipo de campo de UF para um tipo que exiba um grupo de valores.

·

No campo Textos clique no botão "..." para que sejam listadas as combos que estão definidas no projeto e dessa lista escolha a opção uf.

Pronto! Já temos em nossa página as duas combos que havíamos definido, caso você queira visualizar como será a página em tempo de execução clique no ícone .

Por fim vamos agora adicionar o nosso grid à página. Primeiramente para isso adicione um elemento do tipo Form para que o formulário atual seja fechado, para adicionar um elemento do tipo Form clique no ícone da janela de Propriedades e altere a opção do campo Tipo para Form.

Para referenciar o grid adicione mais um elemento à página clicando no ícone da janela de Propriedades. A princípio todos os elementos quando são adicionados a uma página são do tipo Genérico, campos desse tipo servem para que o desenvolvedor possa inserir um código livre diretamente em algum ponto da página. Na caixa de texto da sessão Texto deve ser colocado o texto que será incluído na página. Como queremos referenciar o grid empresas coloque como conteúdo dessa caixa de texto o valor |grid.empresas|. Por fim clique na caixa de opção Quebra linha para indicar que qualquer outro elemento a ser inserido deverá ficar abaixo do grid.

Para visualizar como será a página em tempo de execução clique no ícone da barra de botões da janela de Propriedades, veja que as combos já aparecem com seus valores populados e o grid já está sendo exibido.