Trabalhando com Widgets no Web UI Framework
É possível reorganizar, excluir e visualizar ou mudar as propriedades de um widget no UI Framework.
- Reorganizar widgets
Diferentes regras aplicam-se a como você pode reorganizar widgets. Por exemplo, não é possível mover um botão de um painel padrão para uma grade padrão. O Designer Workbench possui proteções integradas contra a reorganização incorreta de widgets. Uma mensagem de erro aparece se você tentar mover um botão de um painel padrão para uma grade padrão. Essas proteções ajudam a organizar sua tela no modo mais funcional possível.
É possível reorganizar os widgets da maneira a seguir:- Alterar a ordem dos widgets. Por exemplo, é possível posicionar um campo de texto entre dois botões.
- Mova um widget da tela principal para um painel, ou de um painel para outro painel. Por exemplo, é possível mover um botão de um painel padrão para um conjunto de campos. Ou você pode mover uma coluna de uma grade padrão para uma grade editável.
- Mover um painel padrão para outro painel padrão.
Se uma tela utiliza uma sequência de guia especial, a reorganização de widgets pode afetar sua sequência pretendida de ações quando você guia de um widget para outro.
- Excluir widgets
Não é possível excluir um widget da tela de base/pronta para uso. É possível excluir apenas os widgets que foram incluídos usando o Extensibility Workbench. Se você excluir um widget que foi usado para trabalhar com dados (como uma caixa de texto ou uma caixa de combinação), será necessário localizar outra maneira de trabalhar com esses dados.
- Selecione um widget para poder visualizar ou alterar suas propriedades
na visualização Propriedades. Se não tiver certeza de qual widget está sendo mostrado na Estrutura de Tópicos ou na Visualização em Árvore, clique no widget na tela e uma linha azul horizontal mostrará o local do widget na visualização.
Você sempre pode utilizar a tela para selecionar um widget, mas isso não é tão preciso quanto usar a Visualização da Estrutura de Tópicos ou Visualização em Árvore. Na tela, podem ser necessário vários cliques para selecionar o widget correto.
Para obter mais informações sobre as propriedades do widget, consulte a Documentação da estrutura Ext JS para a versão 2.2.1 ou a Documentação da estrutura Ext JS para a versão 3.0.2.