Idioma: HTML | XAML

Vinculação de dados (HTML)

Applies to Windows and Windows Phone

Finalidade

A associação de dados permite sincronizar os elementos do seu aplicativo a diferentes fontes de dados, incluindo bancos de dados, arquivos e objetos internos.

Nesta seção

TópicoDescrição

Guia de início rápido: associando dados e estilos

Você pode associar dados e estilos a elementos HTML usando a associação da Biblioteca do Windows para JavaScript. A associação com a WinJS é unidirecional por padrão, significando que o elemento HTML é atualizado quando os dados e os valores de estilo mudam, mas os dados não são atualizados quando o elemento HTML muda. Este guia de início rápido mostra o tipo mais básico de associação, que é uma associação declarativa para um objeto simples que contém apenas dados. Para conhecer tipos de associação mais avançados, veja os tópicos Como associar um objeto complexo e Como usar modelos para associar dados.

Como associar um objeto complexo

Em muitos casos você quer que seu aplicativo se associe a objetos complexos, em especial, objetos que gerenciam processos que não são controlados pela interface do usuário do aplicativo. Este tópico mostra como escrever um aplicativo que exibe dados de um objeto que contém um nome e uma cor, que é basicamente o mesmo que Guia de Início rápido: associando dados e estilos. Nesse caso, o objeto gerencia o processo de alteração por conta própria, em vez de responder a um botão que dispara a mudança.

Como usar modelos para associar dados

Os modelos da Biblioteca do Windows para JavaScript são um modo conveniente de formatar e exibir várias instâncias de dados. Você pode usar esses modelos em conjunto com os objetos ListView e FlipView para especificar o modo de exibição deles. Você também pode usar um modelo para associar várias instâncias de um objeto de dados sem usar um modo de exibição predefinido. Para saber mais sobre como usar um modelo com um ListView, veja Guia de início rápido: adicionar um ListView. Para saber mais sobre como usar um modelo com um FlipView, veja Adicionando controles FlipView. O seguinte procedimento mostra como usar um modelo com uma matriz.

Você pode definir um modelo de forma declarativa como um controle WinJS e especificar a estrutura e o estilo internos dele. Mesmo que sejam declarados como elementos DIV, os modelos não são processados como parte de DOM e não são retornados como parte dos resultados de pesquisa de DOM. Você pode especificar o elemento DIV no qual deseja que o modelo apareça ou permitir que o método render crie seu próprio elemento DIV. Este tópico mostra como usar um modelo para associar um número variável de objetos de dados associáveis a um elemento DIV. O usuário escolhe o número de objetos que deseja exibir selecionando um item de uma lista suspensa.

 

Audiência de desenvolvedores

Esta seção foi criada para ser usada por desenvolvedores de aplicativos do Tempo de Execução do Windows em JavaScript que desejam exibir diferentes tipos de dados em seus aplicativos.

 

 

Mostrar:
© 2014 Microsoft