INSTITUCIONAL
COMUNIDADE
BLOG
AJUDA
MINHA CONTA
EN PT ES

Imagen6379P

Seleção em grades web

(15/07/2003-00:00)
A partir da versão GeneXus 8.0 RC, é possível realizar uma seleção implícita de uma linha de uma grade Web, funcionalidade que facilita a conversão de Win a Web

Alcance
Objetos: Transações, Web Panels
Linguagens: .NET, C/SQL, Visual Basic , Java
Interface: Web


Introdução
Até o momento nas grades utilizadas nos objetos web (Transações com interface web, Web Panels) não era possível selecionar uma linha. Mas a partir da Release Candidate de GeneXus 8.0, pode-se selecionar qualquer linha de uma grade web e operar com ela.
Se se deseja, também é possível iluminar o fundo das linhas de uma grade quando o cursor passa por cima delas.

 

Descrição
Esta característica é útil para utilizar Web Panels da forma em que se usam os Work Panels nas aplicações com interface Win ("Trabalhar com..."). Quer dizer, uma vez selecionada uma linha, pode-se chamar as Transações com interface Web nos diferentes modos permitidos por GeneXus, e dar de alta registros, modificá-los  ou eliminá-los diretamente trabalhando sobre a Transação.

Em versões anteriores isto não era possível, o usuáio devia encontrar outras formas de programá-lo, por exemplo implementando um link sobre um dos campos do gridde a grade chamando a transação associada no modo "Update". Mas, o que fazer para chamá-la no modo "Delete" ou "Display"? Os usuários utilizavam diferentes técnicas para estes casos.


Com a incorporação desta funcionalidade o problema está resolvido e é mais fácil migrar de Win -> Web, simplesmente continua-se programando da mesma forma que no Win. Mas além de facilitar a migração oferece também uma gama mais ampla de possibilidades na programação de diálogos na Web, como se ilustra com o exemplo que se apresenta mais adiante e disponível no GXOpen

(http://www.gxopen.com/hproject.asp?122)


Para configurar esta funcionalidade, em desenho conta-se com um grupo de propriedades dentro da seção Selection:

 


 
Para poder realizar a seleção de linhas em grades web, se implementaram as seguintes propriedades: 


AllowSelection
Valores
True - Especifica que é possível selecionar uma linha na grade.
False ? Não permite selecionar uma linha de uma grade.
Valor por Defecto = False


SelectionColor
Cor com a qual se pintará o fundo da linha selecionada em caso de que a propriedade AllowSelection selecionada seja True.

Para selecionar uma cor debe-se pressionar a tecla 
Valor por Defecto = Ultra Light Cyan

 

AllowHovering
Valores
True - Especifica que será pintado o fundo das linhas da grade quando o cursor passar por cima delas
False ? Não permite pintar o fundo de uma linha de uma grade.
Valor por Defecto = True

HoveringColor
Cor com a qual será pintado o fundo da linha sobre a qual está posicionado o cursor no caso de que a propriedade AllowHovering selecionada seja True.
Para seleccionar uma cor deve-se pressionar o botão
Valor por Defecto = Cyan

Exemplo

Na figura mostra-se a execução de um objeto Web com as propriedades
AllowSelection = True y AllowHovering =True.



Notas sobre a figura:

- A linha selecionada é a ?9? (A cor é resultado desta configuração:)
- O mouse se encontrava sobre a linha ?7? (A cor é resultado desta configuração:)

Considerações
Estas propriedades estão disponíveis em desenho em nível da grade dentro do grupo Appearance/Selection e também em tempo de execução. Por exemplo, é possível ter em um evento:

Event 'Seleccion'
grilla1.AllowSelection = 1
EndEvent

Ao executar o evento se permitirá a seleção de linhas da grade e dependendo do valor que se tenha na propriedade AllowHovering da grade serão pintadas ou não as linhas quando o cursor passe sobre elas.
As cores que serão utilizadas em ambos casos, serão as que estão configuradas nas propriedades da grade.
Não é suportada a seleção múltiple, somente está permitido a seleção de uma linha por vez
Esta característica está implementada para as aplicações Web que se executem nos navegadores Internet Explorer 5.5 ou superior e Netscape 6.X ou superior.

Relacionado
De GeneXus 8.0 RC: Tipos de dados estruturados (SDT)
De GeneXus 8.0 RC: Tipos de dados estruturados (III)
De GeneXus 8.0 RC: Grades colapsáveis
De GeneXus 8.0 RC: Cláusula option distinct
De GeneXus 8.0 RC: Propriedade autonumber
De GeneXus 8.0 RC: Transações como Web Components
Novos parceiros acadêmicos no Brasil!