Como definir e vincular client scripts aos componentes

Adicione e edite Client scripts em Construtor de IU para 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 Client scripts JavaScript em Construtor de IU usando o editor de código Now. Em seguida, você pode adicionar o client script como um manipulador de eventos para atualizar o estado do cliente, emitir um evento manipulado da sua página ou executar uma operação de recurso de dados. Por exemplo, você pode escrever um script para incrementar uma data ou um contador e vincular o script a um evento de componente, como um clique de botão. Para obter mais informações sobre o Editor de código do Now, consulte Editar código com o Editor de código do Now (recurso avançado).

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

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

Procedimento

1. Navegar até Todos > Estrutura do Now Experience > Construtor de IU.
2. Abra uma experiência para trabalhar ou crie uma experiência selecionando + Criar.
   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 em Construtor de IU, consulte Criar uma página no Construtor de IU.
4. Opcional: Se você não tiver nenhum componente na 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 + ao lado de Client scripts.
   
6. Nomeie seu script.

   Um nome descritivo ajuda a saber o que o script faz. Também facilita a localização do script mais tarde ao adicioná-lo a um manipulador de eventos. O exemplo a seguir mostra um client script de data simples.

7. Grave 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 uma inclusão de script ou Componentes associados, que é exibido no parâmetro de importação da função de client script.
9. Selecione o componente na página ao qual você deseja vincular o script e selecione Eventos.
10. Selecione +Adicionar um novo manipulador de eventos, selecione o script que você criou em Scriptse selecione Adicionar.

    O exemplo a seguir mostra um client script de data.

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