Erros comuns ao usar sap.m.IconTabHeader e sap.ui.layout.VerticalLayout em TypeScript: soluções rápidas

Luis Frey

Este error indica que has utilizado una propiedad que no existe en el tipo de objeto al que estás intentando acceder. Verifica el tipo de objeto al que estás accediendo y asegúrate de que la propiedad que intentas acceder esté definida para ese tipo. Si no lo está, deberás cambiar la propiedad que intentas acceder o el tipo de objeto al que estás intentando acceder.

Respondido el 15/04/2024

LUCIANO RIOJA GHIOTTO

Se unió el 13/07/2019

Agregar

Olá,

Esse erro ocorre porque `byId` retorna um `UI5Element` (uma classe base da qual todos os controles de visualização estendem), e esta não possui os métodos que você está tentando chamar. Tente converter o elemento para a classe de controle que você realmente está usando na visualização.

const iconTabHeader = this.byId('idIconTabHeader') as IconTabHeader
switch(iconTabHeader.getSelectedKey()) { ... }

Para o método `setVisible`, você deve converter no mínimo para a classe 'Control'.

const c = this.byId('id') as Control
c.setVisible(true)

Funciona no console porque é JavaScript puro, que é menos restrito que o TypeScript. Na realidade, seu código pode ser executado sem erros, mas o TypeScript não permite compilar o código sem verificar os tipos.

Respondido el 15/04/2024

LUCIANO RIOJA GHIOTTO

Se unió el 13/07/2019

Agregar

Ótimo, funcionou!

Respondido el 15/04/2024

LUCIANO RIOJA GHIOTTO

Se unió el 13/07/2019

Agregar

Olá Luis,

a mensagem de erro já indica: TypeScript não encontra esses métodos em UI5Element (que representa a classe base sap.ui.base.Element de todos os Controles, etc.).

O compilador TypeScript simplesmente não sabe que this.byId(...) retorna um IconTabHeader. Não pode saber, pois o tipo de controle retornado depende do ID fornecido como argumento (e não há funcionalidade que pesquise o ID no XMLView e informe ao TypeScript qual tipo de controle tem esse ID).

A solução é fazer um cast do resultado dessa chamada para o tipo de controle que você sabe que é retornado:

(this.byId("idIconTabBar") as IconTabBar).getSelectedKey()

Isso é comumente feito no tutorial e exemplos vinculados a partir do ponto de entrada central do UI5 & TypeScript (https://sap.github.io/ui5-typescript), então acredito que faz sentido mencionar esta página para aqueles que chegam aqui e não estão cientes dela.

Saudações

Andreas

Respondido el 15/04/2024

LUCIANO RIOJA GHIOTTO

Se unió el 13/07/2019

Agregar

Etiquetas más populares

Ver todo

4 Respuestas

Etiquetas más populares

Preguntas más populares

Partners: