Plataforma de última geraçãoDescontinuado

Usando diretivas customizadas, canais, componentes, provedores do módulo compartilhado nos componentes fornecidos pelo aplicativo..

Editar online

É possível usar componentes compartilhados, diretivas, canais ou serviços customizados recém-incluídos nas telas fornecidas pelo aplicativo conforme suas necessidades.

Procedimento

  1. Identifique os componentes e módulos nos quais você deseja usar os componentes / diretivas / pipes/serviços compartilhados customizados recém-incluídos.
  2. Para customizar os componentes fornecidos pelo aplicativo, procure a pasta do componente correspondente e copie a pasta do componente inteira para o local apropriado em SCREEN_EXTENSIONS_HOME. Se você estiver modificando componentes nos componentes do módulo de recurso fornecidos pelo aplicativo, a estrutura de pasta apropriada deverá ser criada em SCREEN_EXTENSIONS_HOME antes de copiar os arquivos.

Exemplo

  • Você tem uma diretiva customizada, AudioOnEnterDirective (isfAudioOnEnter) e deseja usá-la na varredura de código de barras textfield no componente do portlet Pick order..
    1. Copie a pasta pick-order-portlet folder de <WORKSPACE>/storefrontend/src/app/features/home/portlet-set e coloque-a na pasta <WORKSPACE>/store-frontend/store-extensions-src/app/features/home/portlet-set .
    2. Modifique o arquivo HTML do portlet de ordem de seleção e a classe de componente .ts para incluir a diretiva customizada e os manipuladores de eventos, respectivamente
  • Você tem uma diretiva customizada, StickyFocus (isfStickyFocus) e deseja usá-la no campo de texto de varredura de código de barras no componente do portlet Pick order...
    1. Copie a pasta pick-order-portlet folder de <WORKSPACE>/storefrontend/src/app/features/home/portlet-set e coloque-a na pasta <WORKSPACE>/store-frontend/store-extensions-src/app/features/home/portlet-set .
    2. Modifique o arquivo HTML do portlet de ordem de seleção e a classe de componente .ts para incluir a diretiva customizada e os manipuladores de eventos, respectivamente
    Da mesma forma, é possível incluir canos, componentes e serviços customizados em qualquer um dos componentes fornecidos pelo aplicativo
Importante:
  • Ao customizar os componentes fornecidos pelo aplicativo, é obrigatório replicar a estrutura de pasta fornecida pelo aplicativo existente do componente no SCREEN_EXTENSIONS_HOME. Não fazer isso pode resultar em erros.
  • Depois de copiar uma pasta do componente no SCREEN_EXTENSIONS_HOME, você possui completamente todos os conteúdos da pasta do componente, incluindo .html, .scss, .ts e os arquivos .ts do serviço de dados relacionados Mesmo se você tiver que modificar apenas o arquivo HTML ou SCSS, você ainda precisa copiar a pasta completa.
  • Isso garante uma atualização perfeita..