Usando o Designer Workbench do Web UI Framework para Criar Novas Telas para Desenvolvedores Customizados

É possível usar o Web UI Framework Designer Workbench para criar novas telas para desenvolvedores customizados.

Procedimento

  1. Acesse o Designer Workbench no Extensibility Workbench clicando no link Projetar Novas Telas no canto inferior direito do Extensibility Workbench.
  2. No Designer Workbench, clique no botão Novo para criar uma nova tela.
  3. Execute uma ou mais das tarefas a seguir:
    • Para incluir um widget, clique na guia Paleta. Selecione um widget. Na tela, clique com o botão direito onde deseja que o widget apareça. Você pode utilizar posteriormente a Visualização em Árvore para reorganizar a ordem dos widgets.
    • Utilize a Visualização em Árvore para uma visão geral em estilo de diretório de como widgets são organizados na tela. Além disso, use a Visualização em Árvore para excluir ou reorganizar itens (por exemplo, mova uma coluna de uma grade para outra, ou mova um botão de um painel para outro).
    • Use a Visualização de Propriedades para incluir ou alterar qualquer propriedade de widget. Para obter mais informações sobre as propriedades do widget, consulte a documentação da estrutura Ext JS para Versão 2.2.1 ou Versão 3.0.2.
    • (Opcional) Para criar um mashup, clique na guia Dados. Configurar uma origem de dados de saída. Em seguida, clique no botão Mashups para criar o arquivo xml de mashup, que incluirá uma referência à origem de dados de saída.
    • (Opcional) Utilize a janela do Gerador de Modelo de Código para gerar código que possa ser colado na página Atualização de Código e atualizado no aplicativo ou (se as mudanças forem permanentes) salvo em um arquivo relevante como mashup.xml ou um arquivo Struts para o aplicativo. Acesse a janela de Gerador de Modelo de Código usando o botão Gerar Código perto do botão Mais.
  4. Para especificar o projeto que utilizará as telas que você estiver criando e modificando, clique na guia Arquivos.
    1. Marque a caixa de seleção Notificar projeto .
    2. Clique no botão Opções .

      A caixa de diálogo Configurar Diretório do Projeto aparece.

    3. Configure o diretório de seu projeto e clique em Ok.
  5. Para salvar a nova tela, clique em Salvar . As mudanças aparecem imediatamente no arquivo projeto.
  6. Para retornar ao Extensibility Workbench, use o botão Voltar do navegador. Você terá que reativar o Extensibility Workbench clicando em Shift + barra de espaço.
  7. Após você criar todas as novas telas, você deve implementá-las como uma extensão do aplicativo.