Configurando Propriedades para Telas, Widgets e Outros Itens com o Web UI Framework

Use a visualização Propriedades no Designer Workbench para trabalhar com as propriedades dos widgets de painel. As configureações da visualização Propriedades funcionam em conjunto com as configurações na caixa de diálogo Configurar Propriedades.

Sobre esta tarefa

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.

Procedimento

  1. Selecione esse widget na Visualização em Árvore.
    Nota: o botão / links presentes em uma tela base ainda continuarão a funcionar, a menos que você forneça seu manipulador de ação / clique na Visualização Propriedades e clique em Atualizar Instâncias para aplicar essas mudanças (Se você clicar diretamente em um botão / link na tela, poderá perder suas mudanças se a ação redirecionar você para outra página). Assim, é recomendável selecionar e editar esses controles por meio da Visualização em Árvore ao invés do painel.
  2. Certifique-se de que a guia para esse widget esteja sendo mostrada em primeiro plano na visualização Propriedades, e não a guia para a tela (que sempre mostra em primeiro plano ou em segundo plano).

    Por exemplo, se você selecionar um widget de acionador na Visualização em Árvore, as guias mostrarão a tela e o widget.

    A janela Visualização em Árvore acima do widget Propriedades
  3. Para alterar o tipo ou o valor de uma propriedade existente, clique no campo Tipo ou Valor dessa propriedade e faça sua mudança.

    Por exemplo, para um campo de texto, é possível alterar o Tipo de sequência para uma expressão (expr) e, em seguida, inserir uma expressão no campo Valor.

  4. Incluir uma propriedade.
    1. Use a seta para baixo no botão Incluir para selecionar uma nova propriedade. A lista suspensa mostra todas as propriedades disponíveis para esse widget que não forem propriedades padrão.
    2. Clique no botão Incluir .

      A propriedade é exibida com as outras propriedades. O tipo padrão dessa propriedade é exibido no campo Tipo.

    3. Se necessário, altere o tipo padrão para uma expressão (expr).
    4. Insira um valor para a propriedade.
    5. Altere o nome da propriedade para um nome exclusivo.

    Por exemplo, para um botão, é possível incluir uma propriedade enableToggle, deixar o tipo como booleano e configurar o valor para true.

  5. Continue a trabalhar com a tela.