Forum Discussion

keithkelly's avatar
keithkelly
Leader
12 months ago

Can I cache a component based on **parameter** ?

I have a component:    <component id="example-component" category="foo"/> <component id="example-component" category="bar"/> <component id="example-component" category="baz"/>     and I'd like...
  • Claudius's avatar
    Claudius
    12 months ago

    Yes, the calls to setCacheVariations are at the wrong place as far as I understand the doc (Big caveat: I never used it myself, so just interpreting the docs). They state:

    When you create custom variations of the markup cache:

    • Create a wrapper component
    • Define all variations in the wrapper component using componentCacheSupport
    • Call the child component to be cached from within the wrapper component using the component directive

    So you actually need two components:

    1. The wrapper component which sets the cache variation context object by calling something like the following (if you only include this component on a category page as in that case the node's id is the category id. If you want to include the component elsewhere you first need to Get ID of current category )

     

     ${componentCacheSupport.setCacheVariation("category_var", coreNode.id)}​

     

    • Your actual component which gets cached and which just refers to that variation as you already have it shared in your

     

    <@liaMarkupCache​>

     

    🤞

Claudius's avatar
Claudius
Boss

I would try it using the Custom variations. Define your custom category variation variable in the component that will be including your to-be-cached component via

 

${componentCacheSupport.setCacheVariation("category_var", category_val)}

 

....then refer to that as variation variable in your cache directive like:

 

<@liaMarkupCache ttl="60000" variation="category_var" anonymousOnly="false" />

 

keithkelly's avatar
keithkelly
Leader
12 months ago

Thanks for taking the time to reply.

I tried that last night and this morning after your message, but I probably tried wrongly.  Perhaps I'm putting one of the bits in the wrong place?

Additional context:

<#if !user.anonymous>  
  <@liaMarkupCache ttl="30000" variation="category_var" anonymousOnly="false" />

  <#assign category_val = env.context.component.getParameter("category")!"" />

  <#-- If category was passed in via param -->
  <#if category_val != ""> 
    ${componentCacheSupport.setCacheVariation("category_var", category_val)}
    
    <div class="dc-cats-boards">
      (do stuff)
    </div>   

  </#if>
</#if>

 

Are those two cache lines in the wrong places?

  • Claudius's avatar
    Claudius
    Boss
    12 months ago

    Yes, the calls to setCacheVariations are at the wrong place as far as I understand the doc (Big caveat: I never used it myself, so just interpreting the docs). They state:

    When you create custom variations of the markup cache:

    • Create a wrapper component
    • Define all variations in the wrapper component using componentCacheSupport
    • Call the child component to be cached from within the wrapper component using the component directive

    So you actually need two components:

    1. The wrapper component which sets the cache variation context object by calling something like the following (if you only include this component on a category page as in that case the node's id is the category id. If you want to include the component elsewhere you first need to Get ID of current category )

     

     ${componentCacheSupport.setCacheVariation("category_var", coreNode.id)}​

     

    • Your actual component which gets cached and which just refers to that variation as you already have it shared in your

     

    <@liaMarkupCache​>

     

    🤞