Conectar dois Modos de Exibição de Dados

Importante :  Este artigo foi traduzido por um sistema de tradução automática, leia o aviso de isenção de responsabilidade. Para sua referência, veja a versão em inglês deste artigo aqui.

No Microsoft Office SharePoint Designer 2007, você provavelmente está acostumado a usar intensivamente as fontes de dados e os Modos de Exibição de Dados. Você pode conectar Modos de Exibição de Dados que foram inseridos como modos de exibição ou formulários de modo que, quando uma ação for executada em um Modo de Exibição de Dados, isso altere o conteúdo de outro Modo de Exibição de Dados. A conexão de Modos de Exibição de Dados é uma maneira rápida, mas poderosa, de adicionar interatividade ao seu site ou aplicativo.

Observação : Como os Modos de Exibição de Dados são um tipo de Web Part, os conceitos e procedimentos descritos neste artigo aplicam-se igualmente a quaisquer outras Web Parts que possam ser conectadas em pares.

Este artigo mostra como criar dois Modos de Exibição de Dados e como conectá-los usando o Assistente de Conexões entre Web Parts.

Para saber mais sobre modos de exibição de dados, consulte criar um modo de exibição de dados.

Neste artigo

Por que conectar Web Parts?

Criar a primeira exibição de dados usando produtos. XML

Criar um arquivo XML como uma fonte de dados de exemplo

Criar um modo de exibição de dados usando o Suppliers.xml

Conecte as Web Parts

Testar a conexão de Web Part

Remover uma conexão de Web Part

Por que conectar Web Parts?

Ao conectar duas Web Parts, você pode passar dados entre elas e sincronizar o seu comportamento. Por exemplo, você pode conectar uma Web Part Exibição de Lista que exibe uma lista de funcionários a uma Web Part Imagem. Depois que as duas Web Parts estiverem vinculadas, cada vez que você clicar no nome de um funcionário na Web Part Exibição de Lista, a foto do funcionário selecionado será exibida na Web Part Imagem.

É possível criar uma conexão simples entre Web Parts usando o navegador. Por exemplo, você pode conectar uma Web Part a outra Web Part que resida na mesma Página de Web Parts. Entretanto, você pode expandir a funcionalidade da conexão usando o Office SharePoint Designer 2007. Por exemplo, você pode usar a Web Part Formulário para filtrar os dados de outra Web Part, ou estabelecer conexões entre Web Parts localizadas em Páginas de Web Parts distintas no mesmo site de nível superior. Ambas as ações exigem o Office SharePoint Designer 2007 e não podem ser executadas no navegador.

Início da página

Criar o primeiro Modo de Exibição de Dados usando Produtos.xml

A Northwind Traders, uma empresa distribuidora de alimentos finos, controla seu estoque em um arquivo .xml chamado Produtos.xml e exibe os dados desse arquivo em um Modo de Exibição de Dados. Esse Modo de Exibição de Dados foi inserido em um formulário para que a equipe possa atualizar o estoque com o navegador, salvando as alterações em Produtos.xml. Quando o estoque está baixo, um membro da equipe liga para o fornecedor desse produto, faz um pedido e, em seguida, atualiza o estoque usando o Modo de Exibição de Dados. Porém, cada vez que é preciso fazer um pedido, o membro da equipe também precisa consultar as informações de contato do fornecedor.

Você sugere a inserção de um segundo Modo de Exibição de Dados que mostre as informações de contato do fornecedor, criando-se em seguida uma conexão entre as duas Web Parts. Assim, quando um membro da equipe estiver pronto para fazer um pedido, ele poderá clicar em um único link para visualizar ao mesmo tempo os dados do estoque e as informações de contato do fornecedor de cada produto.

Os procedimentos a seguir exigem usando dois arquivos. XML como fontes de dados e criar um modo de exibição de dados de cada uma das fontes de dados. Para acompanhar o exemplo, crie a primeira exibição de dados de produtos. XML seguindo os procedimentos no artigo Inserir um modo de exibição de dados como um formulário. Retorne a este artigo para criar a segunda exibição de dados de Suppliers.xml.

Início da página

Criar um arquivo .XML como exemplo de fonte de dados

A Northwind Traders armazena as informações de contato dos seus fornecedores em um arquivo .xml chamado Fornecedores.xml.

Criar Fornecedores.xml

  1. No menu Arquivo, clique em Abrir Site.

  2. Na caixa de diálogo Abrir Site, procure seu site, selecione-o e clique em Abrir.

  3. Se for solicitado, digite seu nome de usuário e senha na caixa de diálogo Conectar a e clique em OK.

  4. No menu Arquivo, clique em Novo.

  5. Na caixa de diálogo Novo, clique duas vezes em Arquivo de Texto.

    Um novo arquivo de texto será aberto em seu site.

  6. Copie as linhas de código a seguir, selecionando-as e pressionando CTRL+C.

    <?xml version="1.0" encoding="utf-8"?>
    <SuppliersRoot>
    <Suppliers>
    <SupplierID>1</SupplierID>
    <CompanyName>Exotic Liquids</CompanyName>
    <ContactName>Charlotte Cooper</ContactName>
    <ContactTitle>Purchasing Manager</ContactTitle>
    <Address>49 Gilbert St.</Address>
    <City>London</City>
    <PostalCode>EC1 4SD</PostalCode>
    <Country>UK</Country>
    <Phone>(171) 555-2222</Phone>
    </Suppliers>
    <Suppliers>
    <SupplierID>2</SupplierID>
    <CompanyName>New Orleans Cajun Delights</CompanyName>
    <ContactName>Shelley Burke</ContactName>
    <ContactTitle>Order Administrator</ContactTitle>
    <Address>P.O. Box 78934</Address>
    <City>New Orleans</City>
    <Region>LA</Region>
    <PostalCode>70117</PostalCode>
    <Country>USA</Country>
    <Phone>(100) 555-4822</Phone>
    <HomePage>#CAJUN.HTM#</HomePage>
    </Suppliers>
    </SuppliersRoot>
  7. No Office SharePoint Designer 2007, posicione o ponto de inserção na parte superior da página e pressione CTRL+V para colar na página o código que você acabou de copiar.

  8. No menu Arquivo, clique em Salvar como.

  9. Na caixa de diálogo Salvar como, na caixa nome do arquivo, digite suppliers.xml.

  10. Na lista Salvar como tipo, clique em XML e, em seguida, clique em Salvar.

Início da página

Criar um Modo de Exibição de Dados usando Fornecedores.xml

  1. Abra a página que contém a primeira exibição de dados, que você criou o artigo Inserir um modo de exibição de dados como um formulário.

    Embora não seja necessário que ambos os Modos de Exibição de Dados residam na mesma página, neste caso você quer que sua equipe veja imediatamente as informações de contato do fornecedor quando clicar em um produto.

    dados selecionados exibidos como um formulário de dados

  2. Selecione o primeiro Modo de Exibição de Dados e pressione a SETA PARA A DIREITA duas vezes para posicionar o cursor abaixo do Modo de Exibição de Dados.

  3. No menu Modo de Exibição de Dados, clique em Inserir Exibição de Dados.

    Um Modo de Exibição de Dados vazio será exibido abaixo do primeiro Modo de Exibição de Dados e o painel de tarefas Biblioteca de Fonte de Dados será aberto.

    uma web part de exibição de dados vazia

  4. No painel de tarefas Biblioteca de Fontes de Dados, localize sua fonte de dados, clique nela e, em seguida, clique em Mostrar Dados.

    No exemplo, sob Arquivos XML, clique em Fornecedores.xml e, em seguida, clique em Mostrar Dados. Caso o cabeçalho de Arquivos XML esteja recolhido, clique no sinal de adição (+) para expandi-lo.

  5. No painel de tarefas Detalhes da Fonte de Dados, clique nos campos que deseja inserir no Modo de Exibição de Dados.

    Dica : Para selecionar vários campos, clique em cada campo desejado mantendo a tecla CTRL pressionada.

    Para este exemplo, na pasta RaizDeFornecedores, sob Fornecedores, clique em NomeDaEmpresa. Mantendo a tecla CTRL pressionada, clique em NomeDoContato, País e Telefone.

  6. Clique em Inserir Campos Selecionados como e, em seguida, clique em Exibição de Item Único para inserir os dados selecionados no Modo de Exibição de Dados.

    Você optou por exibir um item único no Modo de Exibição de Dados porque quer exibir as informações de contato de apenas um fornecedor de cada vez.

    Agora os campos selecionados no painel de tarefas Detalhes da Fonte de Dados aparecerão em um segundo Modo de Exibição de Dados, abaixo do primeiro Modo de Exibição de Dados.

    O Modo de Exibição de Dados de Fornecedores aparece abaixo do Modo de Exibição de Dados de Produtos
    Uma Data de exibição de Suppliers.xml (contornado em vermelho) aparece abaixo os dados de exibição de produtos. XML.

Início da página

Conectar as Web Parts

Fornecedores.xml e Produtos.xml estão relacionados por um campo em comum, chamado CódigoDoFornecedor. Usando o Assistente de Conexões entre Web Parts, você conectará as Web Parts vinculando o campo CódigoDoFornecedor em Produtos.xml ao campo CódigoDoFornecedor em Fornecedores.xml.

Agora que já criou os dois Modos de Exibição de Dados, você adicionará, ao lado de cada produto no Modo de Exibição de Dados de Produtos.xml, o texto contendo o hiperlink para o Modo de Exibição de Dados de Fornecedores.xml. Quando você clicar no hiperlink de um produto no primeiro Modo de Exibição de Dados, as informações de contato do fornecedor desse produto aparecerão no segundo Modo de Exibição de Dados.

O Modo de Exibição de Dados de Produtos.xml é a Web Part de origem e o Modo de Exibição de Dados de Fornecedores.xml é a Web Part de destino. Como está trabalhando com um Modo de Exibição de Dados inserido como um formulário, você terá que criar o hiperlink de texto fora do campo do formulário. Depois de criar o texto, você o selecionará e usará o Assistente de Conexões entre Web Parts para criar o hiperlink em Produtos.xml que estará vinculado ao Modo de Exibição de Dados de Fornecedores.xml.

  1. Na exibição de dados criado a partir de produtos. XML, posicione o cursor à direita da caixa de texto que contém o nome do produto, pressione a barra de espaços e digite ordem. Como um modo de exibição de dados usa XSLT formatação, a ordem"texto" é adicionada a cada campo de produto na lista.

    Pedido aparece na coluna NomeDoProduto de todos os produtos da lista

  2. No Modo de Exibição de Dados, selecione o texto "pedido", clique nele com o botão direito do mouse e, em seguida, clique em Conexões entre Web Parts no menu de atalho.

    O Assistente de Conexões entre Web Parts será aberto.

  3. Na lista Escolha a ação sobre Web Part de origem a ser usada nesta conexão, clique em Enviar Linha de Dados para e, em seguida, clique em Avançar.

    Página no Assistente de Conexões entre Web Parts

  4. Na seção Escolha a página que contém a Web Part da conexão, clique em Conectar a uma Web Part nesta página e, em seguida, clique em Avançar.

    Página no Assistente de Conexões entre Web Parts

  5. Na lista Web Part de Destino, clique em fornecedores.xml.

  6. Como você quer filtrar os dados de Fornecedores.xml para que correspondam ao CódigoDoFornecedor do produto específico no primeiro Modo de Exibição de Dados, na lista Ação de destino, clique em Obter Valores do Filtro De e em Avançar.

    Página no Assistente de Conexões entre Web Parts

  7. Na coluna Entradas de Fornecedores.xml, role a lista para baixo até ver CódigoDoFornecedor. À esquerda de CódigoDoFornecedor na lista, na coluna Colunas em Produtos.xml, clique na célula, depois clique na seta e, finalmente, clique em CódigoDoFornecedor na lista. Clique em Avançar.

    Página no Assistente de Conexões entre Web Parts

  8. Na lista Criar hiperlink em, clique em [ Seleção atual ] e, em seguida, clique em Avançar.

    Página no Assistente de Conexões entre Web Parts

  9. Clique em Concluir.

  10. No menu Arquivo, clique em Salvar, ou pressione CTRL+S.

Agora o texto "pedido" é um hiperlink e a conexão entre Web Parts está configurada.

Início da página

Testar a conexão entre Web Parts

Agora que a conexão entre Web Parts foi configurada, você pode testá-la visualizando a página no navegador.

  • Para visualizar o arquivo no navegador, clique em Visualizar na barra de ferramentas Comum ou pressione F12.

Ambas as Web Parts aparecerão na página no navegador. Para exibir o fornecedor de um produto específico, no primeiro Modo de Exibição de Dados, clique no hiperlink pedido ao lado do produto desejado na coluna NomeDoProduto. As informações de contato desse fornecedor aparecerão no segundo Modo de Exibição de Dados, abaixo do primeiro.

dois modos de exibição de dados conectados em uma página

Observação : Exotic Liquids é o fornecedor dos produtos Chai, Chang e Xarope de Anis. New Orleans Cajun Delights é o fornecedor de Chef Anton’s Cajun Seasoning e Chef Anton’s Gumbo Mix.

Início da página

Remover uma conexão entre Web Parts

Você pode remover uma conexão entre Web Parts para que o vínculo entre elas cesse. Quando você conecta duas Web Parts, ambas listam essa conexão; portanto, você pode remover a conexão trabalhando tanto com a Web Part de origem como com a Web Part de destino. A remoção da conexão de Web Part de origem também remove essa conexão da Web Part de destino.

  1. Clique com o botão direito do mouse em qualquer dos Modos de Exibição de Dados e, em seguida, clique em Conexões entre Web Parts no menu de atalho.

  2. Na caixa de diálogo Conexões entre Web Parts, clique na conexão que deseja remover e, em seguida, clique em Remover.

Início da página

Observação : Aviso de Isenção de Tradução Automática: Este artigo foi traduzido por computador, sem intervenção humana. A Microsoft oferece essas traduções automáticas para ajudar as pessoas que não falam inglês a aproveitar os textos escritos sobre produtos, serviços e tecnologias da Microsoft. Como este artigo foi traduzido automaticamente, é possível que contenha erros de vocabulário, sintaxe ou gramática.

Expanda suas habilidades
Explore o treinamento
Obtenha novos recursos primeiro
Ingressar no Office Insider

Essas informações foram úteis?

Obrigado por seus comentários!

Agradecemos pelos seus comentários! Parece que pode ser útil conectar você a um de nossos agentes de suporte do Office.

×