nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Usando o recurso de extensibilidade de dados dinâmicos para conectar o web part ArcGIS com outros web parts SPFx do lado do cliente

RaajRaaj

Usando o framework SharePoint SPFx para estender dados dinâmicos ou conectividade de web part

Na versão de janeiro de 2023 do ArcGIS para SharePoint, estamos introduzindo um novo recurso que é uma extensão da conectividade existente entre uma lista do SharePoint e o web part de mapa ArcGIS.<\/P>

O recurso atual permite a conectividade entre listas do SharePoint e o web part de mapa ArcGIS <\/STRONG>. <\/P>Após a versão de janeiro de 2023, será possível interagir com o web part de mapa ArcGIS usando web parts SPFx do lado do cliente.<\/P>Dados dinâmicos no SharePoint Framework são baseados no modelo fonte-notificação. Componentes chamados de fonte de dados dinâmica ou "publicador", fornecem dados e notificam o SharePoint Framework quando os dados mudam. Outros web parts na página podem se inscrever para notificações emitidas por uma fonte de dados dinâmica. Sempre que os dados mudam na fonte de dados dinâmica, o framework SPFx notifica todos os web parts consumidores que os dados da fonte foram alterados e os web parts consumidores podem então solicitar os dados do web part fonte. Isso permite que web parts SPFx do lado do cliente troquem dados e também permite construir experiências ricas e soluções atraentes para o usuário final.<\/P>Este blog discutirá os passos necessários para configurar o web part SPFx do lado do cliente para receber dados do web part ArcGIS que está atuando como publicador. Também discutiremos a conectividade dos web parts com o web part ArcGIS atuando como consumidor com um web part SPFx publicador do lado do cliente adicionado à mesma página.<\/P> Web part ArcGIS como "Publicador"<\/H2>Primeiro, adicionarei o web part ArcGIS a uma página do SharePoint. O próximo passo é adicionar camadas usando listas do SharePoint ou camadas ArcGIS. Neste exemplo, adicionarei uma camada do ArcGIS Online. Uma vez que a camada é adicionada ao mapa, posso agora adicionar o web part consumidor de exemplo à mesma página (para mais informações sobre como criar esses web parts SPFx do lado do cliente, consulte este link.<\/P><\/iframe><\/P> <\/P> <\/P>Como você pode ver no vídeo acima, uma vez que seleciono feições usando uma ferramenta de seleção, algumas informações básicas sobre as feições selecionadas são exibidas no web part consumidor SPFx do lado do cliente. Posso acessar informações adicionais pelo console do navegador, que são exibidas sob "Informações da seleção da camada do web part ArcGIS". De forma semelhante, o web part ArcGIS também pode exibir informações sobre feições filtradas.<\/P><h2 id="toc-hId--703126623" data-id="web-part-arcgis-como-consumidor-h2-primeiro-adicionarei-o-web-part-arcgis-a-uma-pagina-do-sharepoint-o-proximo-passo-e-adicionar-camadas-usando-listas-do-sharepoint-ou-camadas-arcgis-neste-exemplo-adicionarei-uma-camada-do-arcgis-online-uma-vez-que-a-camada-e-adicionada-ao-mapa-posso-agora-adicionar-o-web-part-publicador-de-exemplo-a-mesma-pagina-para-mais-informacoes-sobre-como-criar-esses-web-parts-spfx-do-lado-do-cliente-consulte-este-link-p-no-exemplo-abaixo-adicionei-uma-camada-do-arcgis-online-que-mostra-as-localizacoes-de-todos-os-hospitais-em-porto-rico-a-camada-do-mapa-tambem-contem-informacoes-sobre-o-numero-de-leitos-disponiveis-em-cada-hospital-tipo-de-especialidade-e-outros-detalhes-importantes-sobre-cada-hospital-em-seguida-adicionarei-um-web-part-spfx-do-lado-do-cliente-que-pode-ser-usado-para-criar-graficos-simples-em-formato-donut-para-o-exemplo-abaixo-usei-uma-lista-do-sharepoint-contendo-especialidades-hospitalares-para-criar-o-grafico-donut-em-seguida-vou-editar-strong-o-web-part-arcgis-e-no-painel-lateral-de-configuracao-adicionarei-uma-nova-conexao-na-nova-conexao-escolherei-a-fonte-web-part-para-conectar-neste-caso-e-o-web-part-spfx-do-lado-do-cliente-com-o-grafico-donut-depois-escolherei-a-camada-do-mapa-no-menu-suspenso-e-tambem-escolherei-a-coluna-para-associar-com-o-grafico-donut-neste-caso-a-coluna-associada-e-o-atributo-tipo-na-camada-do-mapa-agora-a-conexao-foi-estabelecida-p-iframe-p-p-p-como-voce-pode-ver-no-video-acima-assim-que-seleciono-um-tipo-especifico-de-especialidade-no-grafico-donut-a-camada-do-mapa-e-filtrada-e-mostra-as-localizacoes-dos-hospitais-com-esse-tipo-de-especialidade-p-informacoes-filtradas-strong-p-agora-que-a-camada-do-mapa-foi-filtrada-adicionar-o-web-part-consumidor-spfx-do-lado-do-cliente-a-mesma-pagina-resultara-nas-informacoes-filtradas-sendo-exibidas-no-console-do-navegador-assim-o-web-part-arcgis-pode-agora-atuar-tanto-como-publicador-quanto-como-consumidor-para-trocar-dados-com-outros-web-parts-spfx-do-lado-do-cliente-p-p"> Web part ArcGIS como "Consumidor"<\/H2>Primeiro, adicionarei o web part ArcGIS a uma página do SharePoint. O próximo passo é adicionar camadas usando listas do SharePoint ou camadas ArcGIS. Neste exemplo, adicionarei uma camada do ArcGIS Online. Uma vez que a camada é adicionada ao mapa, posso agora adicionar o web part publicador de exemplo à mesma página (para mais informações sobre como criar esses web parts SPFx do lado do cliente, consulte este <a href="https://community.esri.com/pt-br/home/leaving?allowTrusted=1&target=https%3A%2F%2Fgithub.com%2FEsri%2Fesri-sharepoint-extensions-samples" rel="noopener nofollow noreferrer">link</a>.<\/P>No exemplo abaixo, adicionei uma camada do ArcGIS Online que mostra as localizações de todos os Hospitais em Porto Rico. A camada do mapa também contém informações sobre o número de leitos disponíveis em cada hospital, tipo de especialidade e outros detalhes importantes sobre cada hospital. Em seguida, adicionarei um web part SPFx do lado do cliente que pode ser usado para criar gráficos simples em formato donut. Para o exemplo abaixo, usei uma Lista do SharePoint contendo especialidades hospitalares para criar o gráfico donut. Em seguida, vou editar <\/STRONG>o web part ArcGIS e no painel lateral de configuração, adicionarei uma nova conexão. Na nova conexão, escolherei a fonte Web part para conectar, neste caso é o web part SPFx do lado do cliente com o gráfico donut. Depois escolherei a camada do mapa no menu suspenso e também escolherei a coluna para associar com o gráfico donut. Neste caso, a coluna associada é o atributo "Tipo" na camada do mapa. Agora a conexão foi estabelecida.<\/P><iframe src="https://players.brightcove.net/6161463677001/default_default/index.html?videoId=6319245991112" width="1200" height="540" allowfullscreen="allowfullscreen" class="importedEmbed-iframe" sandbox="allow-same-origin allow-scripts allow-forms" loading="lazy" allowFullScreen="1"><\/iframe><\/P> <\/P> <\/P>Como você pode ver no vídeo acima, assim que seleciono um tipo específico de especialidade no gráfico donut, a camada do mapa é filtrada e mostra as localizações dos hospitais com esse tipo de especialidade.<\/P>Informações Filtradas:<\/STRONG><\/P>Agora que a camada do mapa foi filtrada, adicionar o web part consumidor SPFx do lado do cliente à mesma página resultará nas informações filtradas sendo exibidas no console do navegador. Assim, o web part ArcGIS pode agora atuar tanto como publicador quanto como consumidor para trocar dados com outros web parts SPFx do lado do cliente.<\/P> <\/P>

Encontre mais publicações marcadas com

Comentários

There are no comments yet

Participe da Conversa

Membros conectados podem postar, seguir atualizações e mais. Novo aqui? Registre uma conta gratuita.

Links Rápidos

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.