Balise : jsInclude

La structure Commerce Composer utilise cette balise JavaScript Include Source pour générer le code source afin d'inclure tous les fichiers JavaScript associés à des widgets dans un agencement. La structure utilise la balise pour faire la boucle à travers tous les widgets d'un agencement pour identifier les fichiers JavaScript associés aux widgets. La structure garantit que chaque fichier JavaScript n'est inclus qu'une seule fois dans une page pour éviter les problèmes avec le code JavaScript.
Vous pouvez associer un fichier JavaScript dont dépend un widget en définissant une propriété de widget dans le fichier XML de définition de widget pour inclure le fichier. Par exemple, le fichier XML de définition suivant inclut le fichier CatalogEntryRecommendation.js pour un widget :
<Definition>
<widget-property name="_pgl:javaScriptInclude">
<value>${staticAssetContextRoot}/Widgets/com.ibm.commerce.store.widgets.CatalogEntryRecommendation/javascript/CatalogEntryRecommendation.js</value>
</widget-property>
</Definition>

Informations sur la balise

Informations sur la balise
Contenu de l'élément 'Body' empty

Attributs

Nom Obligatoire Date/heure de la requête Type Description
varPageDesignDetails false true java.lang.String Nom de la variable sous laquelle vous pouvez trouver l'objet SDO logique de conception de page. Si cet attribut n'est pas fourni, la valeur de PAGE_DESIGN_DETAILS_VAR par défaut est utilisée comme nom de la variable. Si cet attribut n'est pas défini et que PAGE_DESIGN_DETAILS_VAR n'est pas défini, la balise ne peut pas accéder à l'objet SDO logique de conception de page.

EXEMPLE

Utilisez cette balise dans le même JSP principal où le modèle d'agencement entier est importé avec la balise wcpgl:widgetImport. Vous pouvez utiliser cette balise pour inclure tous les fichiers JavaScript dépendants dont dépendent les widgets de la page. La balise wcpgl:jsInclude peut être utilisée dans la section d'en-tête ou près du pied de page. Par exemple,
<wcpgl:jsInclude varPageDesignDetails="pageDesign"/>