Usar a Web Part de Formulário HTML para filtrar e exibir dados em outra Web Part

Observação: Desejamos fornecer o conteúdo da Ajuda mais recente no seu idioma da forma mais rápida possível. Esta página foi traduzida de forma automatizada e pode conter imprecisões ou erros gramaticais. Nosso objetivo é que este conteúdo seja útil para você. As informações foram úteis? Dê sua opinião no final desta página. Aqui está o artigo em inglês para facilitar a referência.

Observação: Este artigo já cumpriu o seu papel, por isso o retiraremos em breve. Para evitar problemas de "Página não encontrada", removemos links que já sabemos que podem causar esse problema. Se você criou links para esta página, remova-os e juntos manteremos a Web conectada.

Você pode usar a Web Part de formulário HTML para conectar-se a e passar dados para outra Web Part, como a Web Part de exibição de lista.

Neste artigo:

Usando a Web Part de formulário

Adicionar uma Web Part a uma página

Conectar a Web Part de formulário HTML para outra Web Part

Personalizar a Web Part de formulário HTML

Personalizar a Web Part de formulário HTML padrão

Usar uma caixa de texto de várias linhas

Usar botões de opção

Usar uma lista suspensa de opções

Usar caixas de seleção

Configurar as propriedades comuns de uma Web Part

Aparência

Layout

Avançado

Usando a Web Part de formulário

Você pode usar a Web Part de formulário HTML para se conectar e passar dados para outra Web Part. Por exemplo, você pode usar a Web Part de formulário HTML padrão digite um nome de região, passar o valor para uma Web Part de exibição de lista de dados do cliente e filtrar os dados por região. Você também pode personalizar a Web Part de formulário de HTML para habilitar um usuário, por exemplo, selecione o nome da região de uma lista suspensa. Você pode usar caixas de texto, listas suspensas, caixas de texto de várias linhas, caixas de seleção ou botões de opção na Web Part de formulário de HTML.

A maneira como você se conecta campos para a outra Web Part depende de como a outra Web Part foi definida para usar conexões entre Web Parts.

Embora você possa ter mais de um elemento (caixa de texto, botões e assim por diante) em seu formulário, somente um campo pode ser conectado a uma Web Part de exibição de lista. Entretanto, campos diferentes podem ser conectados a diferentes Web Parts ao mesmo tempo. Por exemplo, você pode ter uma Web Part de formulário de HTML com uma caixa de texto e um conjunto de botões de opção. Na caixa de texto pode ser conectada à Web Part de uma lista de exibição e os botões de opção para outro. Quando o usuário clica no botão Ir, ambas as Web Parts de exibição de lista são filtradas de acordo com as informações inseridas da Web Part de formulário HTML.

Você pode conectar dois ou mais campos na Web Part de formulário de HTML a outra Web Part, se essa Web Part pode aceitar vários parâmetros. Nesse caso, talvez seja necessário um programa de design da Web compatível com o SharePoint, como o SharePoint Designer 2010 para concluir as conexões.

Início da Página

Adicionar uma Web Part a uma página

Para editar uma página, é necessário ter pelo menos as permissões obtidas por meio da adição ao grupo padrão Membros do <Nome do Site> do SharePoint.

  1. Em uma página, na faixa de opções, clique na guia Página e no comando Editar.

    Comando Editar da guia Editar

    Se o comando Editar estiver desabilitado, talvez você não tenha as permissões para editar a página. Contate o administrador.

  2. Clique na página na qual deseja adicionar uma Web Part, clique na guia Inserir e em Web Part.

    Comando de Web Part

  3. Em categorias, selecione uma categoria, como Listas e Bibliotecas, selecione a Web Part que você deseja adicionar à página, tal como Comunicados e, em seguida, clique em Adicionar.

    Seletor de Web Part

  4. Quando você seleciona uma Web Part, as informações sobre ela são exibidas em Sobre a Web Part.

  5. Quando terminar de editar a página, clique na guia Página e em Salvar e Fechar.

Início da Página

Conectar a Web Part de formulário HTML para outra Web Part

Para usar a Web Part de formulário HTML, conecte-o com outra Web Part que é capaz de recebimento valores por meio de uma conexão de Web Part, como a Web Part de exibição de lista. A lista que você deseja filtrar e a coluna na qual você deseja filtrar, devem estar visíveis em uma Web Part na mesma página como a Web Part de formulário HTML. Para obter informações sobre como adicionar uma Web Part de formulário HTML para uma página, consulte Adicionar uma Web Part a uma página.

  1. Navegue até a página que contém a Web Part que você deseja filtrar.

  2. Na faixa de opções, clique na guia página e, em seguida, clique no comando Editar.

    Se o comando Editar estiver desabilitado, talvez você não tenha as permissões para editar a página. Contate o administrador.

  3. Aponte para a Web Part de formulário HTML, clique na seta para baixo, clique em conexões, aponte para Fornecer valor de formulário para e clique no nome da Web Part à qual você deseja vincular.

  4. Na caixa de diálogo Escolher Conexão, clique na guia Configurar Conexão.

  5. No menu Tipo de Conexão, selecione o campo que coincida com as informações a partir da Web Part de formulário HTML.

Observação: Os campos não precisam ter os mesmos nomes, nem eles precisam ser os mesmos tipos de dados. Os valores enviados a partir da Web Part de formulário HTML são valores de texto.

  1. Clique em Concluir e, em seguida, clique em Sair do modo Editar na parte superior da página.

Por padrão, você pode inserir texto na caixa de texto e, em seguida, clique em Ir ou pressione ENTER. A outra Web Part exibirá apenas os dados que coincida com o texto digitado. Para limpar a caixa de texto para que você possa inserir um novo texto, selecione o texto atual e exclua-o.

Início da Página

Personalizar a Web Part de formulário HTML

Você pode personalizar a Web Part de formulário HTML usando o Editor de origem, que está disponível no painel de ferramentas da Web Part de formulário HTML, ou um programa de design da Web compatível com o SharePoint, como o SharePoint Designer 2010. Em vez de caixa de texto padrão, você pode usar botões de opção, caixas de seleção, caixas de texto de várias linhas e caixas de listagem. Você também pode adicionar rótulos e atribuir um valor padrão.

Se você personalizar a Web Part de formulário HTML, tenha em mente o seguinte:

  • Apenas um botão Ir (que usa o elemento de entrada) pode ser usado para passar dados para outra Web Part.

  • A Web Part de formulário HTML usa o elemento de formulário. Determinados elementos HTML não podem ser usados dentro do elemento de formulário, incluindo os elementos HTML, corpo e formulário.

  • Todos os nomes de campos de formulário devem ser exclusivos. Cada valor de nome é usado para se conectar a um nome da coluna correspondente na Web Part a que você está se conectando.

Para personalizar a Web Part de formulário, use o botão de Editor de origem para exibir a caixa de diálogo Editor de texto e, em seguida, revisar ou adicionar código-fonte HTML.

Observação: A Web Part de formulário HTML somente fornece dados para outra Web Part conectável — ele não é possível obter dados de outra Web Part conectável. Por exemplo, você não pode usar a Web Part de formulário HTML como um formulário de detalhes para exibir uma linha de dados.

Início da Página

Personalizar a Web Part de formulário HTML padrão

Para personalizar a Web Part de formulário HTML padrão, faça o seguinte:

  1. Na página exibir a Web Part de formulário de HTML, na faixa de opções, clique na guia Editar e clique na comando Editar.

  2. Aponte para a Web Part de formulário HTML, clique na seta para baixo e clique em Editar Web Part.

  3. No painel de ferramentas, clique no botão Editor de origem .

  4. A caixa de diálogo de Entrada de texto é aberta com o código HTML padrão.

Para tornar o código mais fácil de ler e modificar, inserir retornos de carro no texto para quebrar as linhas, conforme mostrado aqui:

<div onkeydown="javascript:if (event.keyCode == 13) _SFSUBMIT_">
<input type="text" name="T1"/>
<input type="button" value="Go" onclick="javascript:_SFSUBMIT_"/>
</div>

Você pode alterar o primeiro elemento de entrada de várias maneiras alterando o nome de um campo, adicionando um rótulo a um campo, ou um valor padrão.

Propriedade

Descrição

Nome do campo

O nome da caixa de texto padrão na Web Part de formulário é T1. Este é o nome que aparece na caixa de diálogo Conexão de configuração . Para dar um nome mais significativo de campo, digite um novo nome no lugar de T1. Não remova as aspas.

Rótulo do campo

Você pode adicionar texto do rótulo antes ou depois do campo de formulário. Digite o texto sem aspas.

valor padrão

Você pode adicionar um valor padrão para o campo da área de texto. O usuário pode aceitar o valor clicando no botão Ir ou substituí-lo digitando suas próprias entradas. Para adicionar um valor padrão, use o atributo de valor.

Por exemplo se você quiser fornecer um nome mais significativo, adicionar um valor padrão e adicionar um rótulo, você pode fazer o seguinte:

Region: <input type="text" name="Region" value="India"/>

Você pode alterar o segundo elemento de entrada alterando o nome do botão, como mostra o exemplo a seguir:

<input type="button" value="SUBMIT" onclick="javascript:_SFSUBMIT_"/>

Você também pode adicionar outros elementos HTML antes e depois do elemento DIV. Por exemplo, uma maneira muito útil e simple de habilitar o usuário atualizar a página rapidamente e redefinir os elementos do formulário é adicionar uma marca de âncora da página atual após o fechamento elemento DIV. Por exemplo:

<br/>
<a href="http://contoso/SitePages/CustByRegion.aspx">Refresh</a>

Importante: Não altere o outro código HTML na caixa de diálogo Editor de texto. A Web Part de formulário HTML dinamicamente cria uma rotina script em tempo de execução para criar a conexão para a outra Web Part. Não modifique o código de evento onkeydown ou onclick, ou você pode quebrar sem querer a Web Part de formulário HTML.

Início da Página

Usar uma caixa de texto de várias linhas

O elemento de área de texto define um controle de entrada de texto de várias linhas. O atributo de linhas Especifica o número de linhas que estão visíveis no campo de texto. O atributo COLS Especifica a largura da área de texto em caracteres. No exemplo a seguir, o usuário vê uma caixa de texto de 5 linhas e 30 caracteres de largura. Quando o usuário insere texto na caixa, o texto será ajustado em 30 caracteres.

<textarea name="Region" rows=5 cols=30></textarea>

Dica: Verifique se que há nenhum espaço no código-fonte imediatamente após o colchete de ângulo reto (>).

Início da Página

Usar botões de opção

Botões de opção, também chamados de botões de opção, fornecem opções mutuamente a um usuário. O exemplo a seguir exibe três botões de opção. Use o mesmo nome para cada botão de opção. É habitual para adicionar os rótulos após cada botão. Se você deseja formatar cada botão de opção em uma linha separada, use o elemento BR.

<input type="radio" name="Region" value="India"/> India<BR/>
<input type="radio" name="Region" value="USA"/> USA<BR/>
<input type="radio" name="Region" value="Spain"/> Spain<BR/>

Início da Página

Usar uma lista suspensa de opções

Se houver várias opções mutuamente exclusivas, considere usar uma queda de caixa de lista suspensa usando o elemento SELECT. Cada opção aparece como uma opção separada na lista, mas o usuário só poderá selecionar uma opção. O texto após o colchete angular de fechamento do elemento opção é o que aparece na lista suspensa.

<select name="Region">
<option value="India">India</option>
<option value="USA">USA</option>
<option value="Spain"> Spain </option>
</select>

Para fornecer um valor padrão, como Espanha, faça o seguinte:

<option value="Spain" selected="selected"> Spain </option>

Início da Página

Usar caixas de seleção

Se houver várias opções não são mutuamente exclusivas, considere usar caixas de seleção. Cada opção aparece como uma caixa de seleção separada, e o usuário pode selecionar qualquer ou todas as opções. Usando essa opção requer uma Web Part que aceita vários parâmetros como parte da conexão na Web Part.

<input type="checkbox" name="region1" value="India"/> India<BR/>
<input type="checkbox" name="region2" value="USA"/> USA<BR/>
<input type="checkbox" name="region3" value="Spain"/> Spain<BR/>

Para fornecer um valor padrão, como Espanha, faça o seguinte:

<input type="checkbox" name="region3" value="Spain" checked="checked"/> Spain<BR/> 

Início da Página

Configurar as propriedades comuns de uma Web Part

As Web Parts compartilham um conjunto comum de propriedades que controlam sua aparência, layout e características avançadas. Você altera as propriedades da Web Part no painel de ferramentas.

Observação:  As propriedades comuns das Web Parts que você vê no painel de ferramentas podem ser diferentes das propriedades documentadas nesta seção por vários motivos

  • Para ver a seção Avançado do painel de ferramentas, é preciso ter a permissão apropriada.

  • Para uma Web Part específica, um desenvolvedor de Web Part pode ter optado por não exibir uma ou mais dessas propriedades comuns ou pode ter escolhido para criar e exibir propriedades adicionais que não estão listadas abaixo na aparência, Layout, e Seções avançadas do painel de ferramentas.

  • Algumas configurações de permissões e de propriedades podem desabilitar ou ocultar as propriedades da Web Part.

Aparência

Propriedade

Descrição

Título

Especifica o título da Web Part que aparece na barra de título da Web Part.

Altura

Especifica a altura da Web Part.

Largura

Especifica a largura da Web Part.

Estado do Cromado

Especifica se toda a Web Part aparece na página quando o usuário abre a Página. Por padrão, o estado do cromo é definido como Normal e toda a Web Part é exibida. Apenas a barra de título aparece quando o estado está configurado como Minimizado.

Tipo de Cromado

Especifica se a barra de título e a borda do quadro da Web Part são exibidas.

Layout

Propriedade

Descrição

Oculta

Especifica se a Web Part fica visível quando o usuário abre a página. Se essa caixa de seleção estiver marcada, a Web Part ficará visível apenas quando você estiver criando a página e terá o sufixo (Oculta) acrescentado ao título.

Você poderá ocultar uma Web Part se quiser usá-la para fornecer dados para outra Web Part através de uma conexão de Web Part, mas se não quiser exibi-la.

Direção

Especifica a direção do texto no conteúdo da Web Part. Por exemplo, arábico é um idioma da direita para a esquerda; inglês e a maioria dos idiomas europeus são da esquerda para a direita. É possível que essa configuração não esteja disponível para todos os tipos de Web Parts.

Zona

Especifica a zona da página onde a Web Part está localizada.

Observação: As zonas da página não são relacionadas na caixa de listagem quando você não tem permissão para modificá-las.

Índice de Zona

Especifica a posição da Web Part em uma zona quando essa zona contém mais de uma Web Part.

Para especificar a ordem, digite um inteiro positivo na caixa de texto.

Se as Web Parts na zona estiverem ordenadas de cima para baixo, um valor de 1 significa que a Web Part aparece na parte superior da zona. Se elas estiverem ordenadas da esquerda para a direita, um valor de 1 significa que a Web Part aparece na lateral esquerda da zona.

Por exemplo, quando você adiciona uma Web Part a uma zona vazia ordenada de cima para baixo, o Índice de Zona é 0. Quando uma segunda Web Part é adicionada à parte inferior da zona, seu Índice de Zona é 1. Para mover a segunda Web Part até a parte superior dessa zona, digite 0 e depois digite 1 para a primeira Web Part.

Observação:  Cada Web Part na zona deve ter um valor de Índice de Zona exclusivo. Portanto, alterar o valor de Índice de Zona da Web Part atual também pode alterar esse valor para as outras Web Parts na mesma zona.

Avançado

Propriedade

Descrição

Permitir Minimização

Especifica se a Web Part pode ser minimizada.

Permitir Fechamento

Especifica se a Web Part pode ser removida da página.

Permitir Ocultar

Especifica se a Web Part pode ser ocultada.

Permitir Alteração de Zona

Especifica se a Web Part pode ser movida para outra zona.

Permitir Conexões

Especifica se a Web Part pode participar de conexões com outras Web Parts.

Permitir Edição na Exibição Pessoal

Especifica se as propriedades da Web Part podem ser modificadas em uma exibição pessoal.

Modo de Exportação

Especifica o nível de dados que podem ser exportados para esta Web Part. Dependendo da sua configuração, talvez essa definição não esteja disponível.

URL do Título

Especifica a URL de um arquivo que contém informações adicionais sobre a Web Part. O arquivo é exibido em uma janela separada do navegador quando você clica no título da Web Part.

Descrição

Especifica a Dica de Tela que aparece quando o ponteiro do mouse está sobre o título ou o ícone da Web Part. O valor dessa propriedade é usado quando você procura por Web Parts usando o comando Pesquisar no menu Localizar Web Parts do painel de ferramentas.

URL da Ajuda

Especifica a localização de um arquivo que contém informações de Ajuda sobre a Web Part. As informações da Ajuda são exibidas em uma janela separada do navegador quando você clica no comando Ajuda do menu da Web Part.

Modo de Ajuda

Especifica como o navegador exibirá o conteúdo da Ajuda de uma Web Part.

Selecione uma das seguintes opções:

Janela Restrita Abre uma janela de navegador separada, se o navegador tiver esse recurso. O usuário precisa fechar a janela antes de retornar à página da Web.

Sem Janela Restrita Abre uma janela de navegador separada, se o navegador tiver esse recurso. O usuário não precisa fechar a janela antes de retornar à página da Web. Esse é o valor padrão.

Navegar Abre a página da Web na janela atual do navegador.

Observação: Embora as Web Parts personalizadas do Microsoft ASP.NET ofereçam suporte a essa propriedade, os tópicos da Ajuda padrão do SharePoint são abertos apenas em janela separada do navegador.

URL da Imagem do Ícone de Catálogo

Especifica a localização de um arquivo que contém uma imagem a ser usada como ícone da Web Part na Lista de Web Parts. O tamanho da imagem deve ser de 16 por 16 pixels.

URL da Imagem do Ícone de Título

Especifica a localização de um arquivo que contém uma imagem a ser usada na barra de título da Web Part. O tamanho da imagem deve ser 16 por 16 pixels.

Mensagem de Erro de Importação

Especifica uma mensagem que aparecerá se houver algum problema na importação da Web Part.

Início da Página

Expanda suas habilidades no Office
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.

×