Como definir e vincular client scripts aos componentes

Adicione e edite scripts de cliente em Construtor de IUpara que você possa atualizar o estado do cliente por meio de eventos. Você pode vincular esses scripts a qualquer componente usando um manipulador de eventos.

Antes de Iniciar

Função necessária: ui_builder_admin

Por Que e Quando Desempenhar Esta Tarefa

Você pode criar scripts de cliente JavaScript em Construtor de IUUsando o editor do Now Code. Em seguida, você pode adicionar o script do cliente como um manipulador de eventospara atualizar o estado do cliente, emita um evento tratado da sua página ou execute um recurso de dadosoperação. Por exemplo, você pode escrever um script para incrementar uma data ou contador e vincular o script a um evento de componente, como um clique de botão. Para obter mais informações sobre o Now Code Editor, consulte Editar código com o Now Code Editor (recurso avançado).

Com esses scripts, você pode executar as seguintes ações:

• Obtenha dados disponíveis, manipule os dados e armazene-os no estado do cliente.
• Acessar resultados do recurso de dados.
• Execute operações de recurso de dados.
• Expedir eventos.

Procedimento

1. Navegar até Tudo > Now Experience > Construtor de IU.
2. Abra uma experiência para trabalhar ou crie uma experiência selecionando Criar > Experiência.
   Para obter mais informações, consulte Configure como os usuários interagem com suas aplicações no Construtor de IU.
3. Abra ou crie uma página.
   Para obter mais informações sobre como criar uma página no Construtor de IU, consulte Crie uma página no Construtor de IU .
4. Opcional: Se você não tiver nenhum componente em sua página, adicione um componente à sua página.
   Por exemplo, você pode adicionar um componente de título. Para obter mais informações, consulte Adicionar e configurar componentes.
5. Selecione E ao lado de Scripts do cliente .
   
6. Nomeie seu script.

   Um nome descritivo ajuda você a saber o que o script faz. Isso também facilita a localização do script mais tarde quando você o adiciona a um manipulador de eventos. O exemplo a seguir mostra um script de cliente de data simples.

7. Escreva seu script para executar uma ação.
   Por exemplo, você pode escrever um script de data simples que você vincula a um componente.
8. Opcional: Adicione um Inclusão de script ou Componentes associados , que aparece em importações parâmetro da função de script do cliente.
9. Selecione o componente na página ao qual você deseja vincular o script e selecione Eventos .
10. Selecione - Adicione um novo manipulador de eventos , selecione o script que você criou em Scripts e, em seguida, selecione Adicionar .

    O exemplo a seguir mostra um script de cliente de data.

    
11. Selecione Save (Salvar).
12. Para visualizar seu componente com script, selecione .