Existe-t-il une méthode pour rendre un certain partiel après le chargement de la page ?

J'ai le code suivant:

<div class="row document_display custom_scrollbar">
 <div class="col-10">
  <div class="row">

   {{> document_whiteBox column="6" public_source="true" title="Título do Documento" author="João Dezembro" data="10 de maio de 2018" content="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad runt mollit anim id est laborum."}}

  </div>
 </div>
</div>

Il y a le partiel document_whiteBox qui reçoit quelques aruments. Ce document se charge dynamiquement, c'est-à-dire que plus je fais défiler, plus il charge de documents (comme le fil facebook)

Je voudrais récupérer les informations du serveur via l'API et rendre ce document_whiteBox pendant le défilement.

C'est possible?

1
João Pedro Silva Dezembro 15 mars 2019 à 22:03

2 réponses

Meilleure réponse

J'ai pu le résoudre comme ceci:

Je rends un modèle sans aucun contenu avec l'affichage : aucun lorsque je récupère le contenu, j'utilise JQUERY pour créer un élément basé sur ce modèle caché

Div caché avec des modèles

<div id="templates" style="display:none">
  {{> document_whiteBox column="3" public_source="false" title="" author="" data="" content=""}}
  {{> block_container_list}}
</div>

Code pour générer un élément basé sur un modèle :

this.$template_document = $("#templates").find(".doc_whitebox").prop('outerHTML')
this.$template_block = $("#templates").find(".block_container_list").prop('outerHTML')

let el = $.parseHTML(this.$template_document)
$(el).find(".title_whiteBox_archive").find("span").text(doc_version.title)
(...)
1
João Pedro Silva Dezembro 19 mars 2019 à 01:11

J'ai peur que ce ne soit pas possible. Le traitement de votre modèle est alors terminé.

Ce que vous pouvez faire, c'est de mettre un même défilement qui affichera le prochain événement en réexécutant le code sur les bonnes données.

Sinon une autre solution (mais plus coûteuse) consiste à renvoyer toutes les données au client et à masquer les parties jusqu'à ce que l'utilisateur fasse défiler.

1
Christophe 18 mars 2019 à 06:52