Vários elementos de interface de usuário (UI elementos) estão disponíveis no Web Dynpro Explorer para criação de layout de interface. Estes elementos de UI estão categorizados conforme a lista a seguir:
● Favorites ● text ● action ● selection ● complex ● layout ● graphic ● integration Elementos de UI Favorites
Esta categoria está vazia por padrão. Você pode, porém, adaptá-lo para atender às suas necessidades específicas, movendo os elementos da interface do usuário mais freqüentemente utilizados a partir de suas respectivas categorias para os favoritos usando Drag & Drop. Isto permite-lhe ter todos os seus elementos de UI juntos e evita que você tenha que escolher
Este elemento UI é utilizado por uma row de elementos UI, por exemplo, Group, Tab, Table, TableColumn e Tray, para fornecer um cabeçalho ou um título.
Exemplo:
● Explanation
Este elemento UI é usado para exibir textos de ajuda de linha única ou múltiplas linhas o elemento de interface do usuário ou uma aplicação Web Dynpro.
Exemplo:
● FormattedTextView
Este elemento da suporte a diversos tipos de tag’s XML, XHTML, dentre outros, é utilizado para formatação de textos simples.
Tag’s suportadas:
http://help.sap.com/saphelp_nw70/helpdata/en/08/5696420cc2c56ae10000000a155106/content.ht m
● InputField
O elemento UI inputField permite ao usuário editar ou exibir um texto de linha única. Exemplo:
● Label
O elemento UI Label é usado para rotular elementos de interface do usuário. Exemplo:
● TextEdit
UI elemento TextEdit torna possível inserir e exibir várias linhas de texto. Exemplo:
● TextView
O elemento TextView UI permite exibir um texto. Exemplo:
Action
● Button
O elemento UI botão representa o botão na tela. Exemplo:
A ButtonChoice é um botão que oferece várias opções através de um menu. Exemplo:
● LinkToAction
O elemento UI LinkToAction é um link de hipertexto. A navegação dispara uma Web Dynpro action.
Exemplo:
● LinkToURL
O elemento UI LinkToURL é um link de hipertexto. Exemplo:
● TimedTrigger
UI TimedTrigger elemento automaticamente e periodicamente dispara um evento com um intervalo especificado.
Selection
● CheckBox
Com um CheckBox você pode implementar um único interruptor para ligar / desligar. Exemplo:
● CheckBoxGroup
O CheckboxGroup permite aos usuários selecionar um elemento de um conjunto de opções pré- definidas usando a caixa de seleção.
Exemplo:
● DropDownByIndex
A DropDownByIndex elemento UI oferece ao usuário uma caixa de lista suspensa. Exemplo:
● DropDownByKey
A DropDownByIndex elemento UI oferece ao usuário uma caixa de lista suspensa. Exemplo:
Este elemento UI é similar ao conceito clássico de GUI uma lista de seleção com a seleção simples e múltipla (caixa de listagem).
Exemplo:
● RadioButton
O RadioButton elemento UI é um botão com dois estados (on / off) que permite aos usuários selecionar as opções.
● RadioButtonGroupByIndex
O RadioButtonGroupByIndex elemento UI representa um número de grupos de botões de rádio em colunas e linhas.
Exemplo:
● RadioButtonGroupByKey
O RadioButtonGroupByKey UI é grupos de elementos múltiplos de RadioButtons em uma tabela. Exemplo:
● ToggleButton
O elemento UI ToggleButton representa o botão na tela. Exemplo:
● ToggleLink
O ToggleLink elemento UI é usado para exibir um link de hipertexto para uma busca estendida. Exemplo:
● TriStateCheckBox
Este elemento da interface do usuário é similar a um CheckBox, com a diferença que ao clicar sobre as opções o estado pode ser variável:
● Opção pode ser ativado (selecionado)
● Opção não pode ser ativada (não selecionado)
● Opção é indeterminado Exemplo:
Selected Not Selected Not Specified
Complex
● BreadCrumb
A BreadCrumb exibe a página atual no contexto de um caminho de navegação. Exemplo:
● DateNavigator
O DateNavigator elemento UI permite aos usuários visualizar e introduzir datas. Exemplo:
● Legend
O Legend elemento UI permite que você exiba um texto descritivo para diferentes cores utilizadas em um elemento UI atribuído.
Exemplo:
● PhaseIndicator
Semelhante à do elemento UI RoadMap, o elemento UI PhaseIndicator exibe as etapas de um assistente.
Exemplo:
● RoadMap
O RoadMap elemento UI mostra os passos seguidos em um assistente. Exemplo:
● Table
Em uma tabela Dynpro Web, os dados são exibidos em duas dimensões em células de tabela organizada em linhas e colunas.
● Tree
Hierarquias definidas no contexto pode ser visualizada usando o elemento UI Tree. Exemplo:
Layout
● HorizontalContextualPanel
Este elemento da interface do usuário fornece uma estrutura de navegação similar ao ContextualPanel com uma hierarquia de navegação de dois níveis.
Exemplo:
One-level
Two-level
● ContextualPanel
Este elemento da interface do usuário fornece funções de navegação. A lista de navegação pode incluir mais de três níveis.
Exemplo:
O MessageArea elemento UI representa um espaço reservado que especifica onde as mensagens, e como mensagens de erro ou avisos, deve aparecer na view.
● NavigationList
O NavigationList fornece uma área de navegação e é usado, por exemplo, no Contextual Panel. Exemplo:
● PageHeader
Com o PageHeader, você pode criar um título para uma página. Exemplo:
● ButtonRow
A ButtonRow é usado para organizar vários botões em uma ordem regular. Botões e ToggleButtons pode ser inserido.
Exemplo:
● HorizontalGutter
O elemento UI HorizontalGutter ajuda a estruturar o layout e as partes do texto da tela Web Dynpro, semelhante à <hr> tag HTML.
Exemplo:
● InvisibleElement
O InvisibleElement elemento UI é um elemento invisível na tela. Usado para orgarnizar os controles na tela.
● MultiPane
O Multipane elemento UI é usada para ordenar o conteúdo na forma de um GRID, semelhante ao MatrixLayout, mas com a diferença que o dataSource é obrigatório.
Exemplo:
● TabStrip
O TabStrip elemento UI permite a exibição em tabs. Exemplo:
● ViewContainerUIElement
O Grupo elemento UI é um container elemento UI que pode ser usado para agrupar elementos múltiplos de UI.
Exemplo:
Group with Primary Color
Group with Secondary Color and Tool Bar
Group mit SAP Color
● TransparentContainer
O TransparentContainer é um container UI que não pode ser exibida.Usado para orgarnizar os controles dento de uma view.
● Tray
O elemento UI Tray (IWDTray) é um conatiner de elementos UI como o elemento container Grupo UI que e pode ser usado para agrupar um conjunto de elementos de interface do usuário.
Exemplo:
Tray with Fill and Menu Design
Collapsed Tray with Transparent Design
Graphic
● GeoMap
● Image
Crontrole para exibir imagens.
● ProgressIndicator
Interation
● InteractiveForm
Você pode usar o InteractiveForm elemento UI para inserir um formulário interativo no formato PDF em uma view.
● BIApplicationFrame
Em um BIApplicationFrame, Templates Web que são baseados em aplicativos BEx Web pode ser acessado usando uma URL. Vários atributos podem ser definidos para um modelo de Web. Eles são transferidos como parâmetros usando a URL. Ao usar o BIApplicationFrame, estes parâmetros podem ser definidos como propriedades do elemento UI.
● OfficeControl
Você pode usar OfficeControl elemento UI para adicionar um documento do Office para uma view. Isto significa que você pode exibir os documentos do Office seguinte dentro de uma aplicação Web Dynpro:
● Microsoft Word
● Microsoft Excel Exemplo:
● FileDownload
FileDownload é usado para carregar arquivado a partir do servidor para o cliente.
● FileUpload
O FileUpload elemeto UI pode fazer upload de arquivos do cliente para o servidor.
● IFrame
A interface do usuário elemento IFrame representa uma área separada por um frame, que contém uma página separada do navegador, dentro de uma view.
Observações!
Para maiores detalhes dos controles, como as suas classes e métodos correpondentes acesso o link a seguir: