Meilleur moyen de mettre en œuvre la FAQ sur SharePoint Site

Qu'est-ce que nous avons fait dans le passé:

1. Créer une liste personnalisée
2. renommer la colonne de titre à la question
3. Ajoutez une nouvelle colonne de type multi-ligne de type et nom de réponse informatique
4. Modifiez la vue par défaut pour afficher uniquement ces 2 colonnes et définir le style à la newsletter

   Vous vous retrouvez avec quelque chose comme:

   

   Vous pouvez ensuite placer cela sur une page à l'aide d'un WebPart ListView.

   mise à jour: J'ai écrit cela sur mon blog avec un exemple SharePoint 2010 ici: http://thechriskent.com/2012/03/09/simple-sharepoint-faq-in-5-minutes/

Une autre solution possible - à l'aide de l'option de style de volet de prévisualisation, vous pouvez vous retrouver avec une liste de questions dans une colonne de main gauche et la souris de la souris indique les champs (sélectionnés).

J'ai q avec de longues réponses, je pense donc que cela peut fonctionner mieux dans certaines situations (jusqu'à ce qu'il puisse accordéon à un niveau d'enregistrement individuel ou sur un certain champ).

La solution avec stocker des entrées FAQ dans la liste SharePoint est recommandée. Il se compose de:

• Modèle de liste FAQ personnalisé avec type de contenu avec questions strong> et réponses strong> champs li>
• Liste FAQ Afficher le rendu comme accordéon li> ul>

  Figure 1. Liste de la FAQ avec vue accordéon (SharePoint 2013) P>

  Figure 2. Liste de la FAQ avec vue accordéon (SharePoint 2010) P>

  Mise en œuvre H2>

  1 Créez le type de contenu personnalisé pour les entrées FAQ P>

  (function () {
     loadCss('http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/themes/redmond/jquery-ui.css');
     function OnAccordionViewPostRender(renderCtx) {
  
       jQuery(function() {
           jQuery( "#accordionFAQ" ).accordion();
       });
  
     }
  
  
  
      function loadCss(url){
       var link = document.createElement('link');
       link.href = url;
       link.rel = 'stylesheet';
       document.getElementsByTagName('head')[0].appendChild(link);
     }
  
  
     function OnAccordionViewPreRender(renderCtx) {
     }
  
     function RenderAccordionViewBodyTemplate(renderCtx) {
           var listData = renderCtx.ListData;
           if (renderCtx.Templates.Body == '') {
               return RenderViewTemplate(renderCtx);
           }
           var accordionHtml ='';
  
           accordionHtml = '<div id="accordionFAQ">';
           for (var idx in listData.Row) {
                  var listItem = listData.Row[idx];
                  accordionHtml += '<h3>';
                  accordionHtml += listItem.Title;
                  accordionHtml += '</h3>';
                  accordionHtml += '<div>';
                  accordionHtml += listItem.Answer;
                  accordionHtml += '</div>';
           }
  
           accordionHtml += '</div>';
  
  
           return accordionHtml;
     }
  
  
       function _registerAccordionViewTemplate() {
  
              var accordionViewContext = {};
  
              //accordionViewContext.BaseViewID = 'Accordion';
              accordionViewContext.Templates = {};
              accordionViewContext.Templates.View = RenderAccordionViewBodyTemplate;
              accordionViewContext.OnPreRender = OnAccordionViewPreRender;
              accordionViewContext.OnPostRender = OnAccordionViewPostRender;
              SPClientTemplates.TemplateManager.RegisterTemplateOverrides(accordionViewContext);
          }
          ExecuteOrDelayUntilScriptLoaded(_registerAccordionViewTemplate, 'clienttemplates.js');
  
  })();