Ajouter et configurer le widget Liste des données du portail

  • Rversion finale: Washingtondc
  • Mis à jour 1 févr. 2024
  • 2 minutes de lecture
  • Ajoutez un widget Liste de données du portail à votre portail et modifiez ses données, son apparence et son comportement. Vous pouvez utiliser le widget Liste des données du portail pour afficher différentes données relatives aux tickets sous forme de carte ou de liste sur votre portail.

    Avant de commencer

    Le module d’extension Composants d’interface utilisateur pour les portails clients doit avoir été activé. Pour plus d'informations, consultez Activer le module d’extension Composants d’interface utilisateur pour les portails client.

    Si vous n’avez pas encore créé la page à laquelle vous souhaitez ajouter le widget, consultez Créer une page pour les widgets du portail configurables.

    Rôle requis : sp_admin ou admin

    Procédure

    1. Accédez au Tous > Portail de services > Configuration du Portail de services.
    2. Sélectionnez Designer.
    3. Sur la page Service Portal Designer, recherchez et sélectionnez la page à laquelle vous souhaitez ajouter le widget.
    4. Sélectionnez l’onglet Widgets .
    5. Dans la section Mises en page, faites glisser la mise en page du conteneur vers la page de modification du portail.
    6. Sur le conteneur, ajoutez un ensemble de colonnes en sélectionnant le bouton Plus ( bouton Plus).
    7. Dans le volet Widgets, dans le champ Widget de filtre , saisissez Portal Data List (Liste des données du portail).
    8. Faites glisser le widget vers le conteneur.
    9. Dans la page Modifier, sélectionnez le widget Liste des données du portail.
    10. Sélectionnez l’icône de crayon ( icône de crayon).
    11. Sur la page des options d’instance, dans le champ Données , collez et personnalisez le code JSON suivant pour configurer les listes.
      [
        {
          "label": "All Cases",
          "table": "sn_customerservice_case",
          "list_view": "Case",
          "card_view_primary_column": "number",
          "card_view_secondary_column": "short_description",
          "card_view_additional_columns": "product|priority|state|contact",
          "glyph": "th-list",
          "record_view_page": "csm_ticket",
          "pre_defined_filters": [
            {
              "filter_name": "Open",
              "filter_query": "active=true"
            },
            {
              "filter_name": "Closed",
              "filter_query": "active=false"
            }
          ],
          "run_time_filters": [
            {
              "column": "priority",
              "selection_type": "single_select",
              "values": [
                {
                  "label": "1-Critical",
                  "value": 1
                },
                {
                  "label": "2-High",
                  "value": 2
                },
                {
                  "label": "3-Moderate",
                  "value": 3
                },
                {
                  "label": "4-Low",
                  "value": 4
                }
              ]
            },
            {
              "column": "state",
              "selection_type": "multi_select"
            },
            {
              "column": "contact",
              "selection_type": "multi_select"
            },
            {
              "column": "sys_updated_on",
              "selection_type": "single_select",
              "ranges": [
                {
                  "label": "Last month",
                  "query": "sys_updated_on>javascript:gs.endOfLastMonth()"
                },
                {
                  "label": "Last 3 months",
                  "query": "sys_updated_on>javascript:gs.beginningOfLast3Months()"
                },
                {
                  "label": "Last 6 months",
                  "query": "sys_updated_on>javascript:gs.beginningOfLast6Months()"
                }
              ]
            }
          ]
        },
        {
          "label": "Actions Needed",
          "table": "sn_customerservice_case",
          "list_view": "Case",
          "card_view_primary_column": "number",
          "card_view_secondary_column": "short_description",
          "card_view_additional_columns": "product|priority|state|contact",
          "query": "stateIN6,18",
          "glyph": "check",
          "record_view_page": "csm_ticket"
        },
        {
          "label": "Work Orders",
          "table": "wm_order",
          "card_view_primary_column": "number",
          "card_view_secondary_column": "short_description",
          "card_view_additional_columns": "priority|state",
          "glyph": "briefcase"
        }
      ]
      Pour plus d'informations, consultez Paramètres JSON du widget Liste de données du portail.

      Chaque catégorie du widget affiche une liste d’enregistrements filtrés à partir d’une table sélectionnée. La table par défaut est la table Ticket [sn_customerservice_case]. Dans une catégorie, vous pouvez filtrer davantage les enregistrements et les afficher dans des onglets à l’aide du pre_defined_filters paramètre. Vous pouvez également configurer les options de filtre affichées dans l’icône de filtre à l’aide du run_time_filters paramètre.

    12. Renseignez les champs du formulaire Instance.
      Pour obtenir une description des valeurs de champ, consultez la rubrique Formulaire Options d’instance de widget de liste de données du portail.
    13. Sélectionnez Enregistrer.