Solved

Extra parameters in data-sly-resource

Forum|Forum|10 years ago
October 16, 2015
13 replies
27225 views

I am trying to implement something which I hope is relatively straight forward... I have one component (lets call it the wrapper component) which contains another component (lets call it the inner component) inside it via the data-sly-resource tag:

<div data-sly-resource="${ 'inner' @ resourceType='/projectname/components/inner' }"></div>

I would like to pass in some additional parameters with this tag, specifically a parameter that can be picked up by sightly in the inner component template? I am trying to specify whether the inner templates outer html tag is unwrapped based on a parameter being passed in when the component is called via data-sly-resource.

After experimenting and perusing the sightly documentation, I can't find a way of achieving this.

Does anyone know if this is possible?

Many thanks,

Dave

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

Best answer by Feike_Visser1

<div data-sly-resource="${ 'inner' @ resourceType='/projectname/components/inner', selectors='different' }"></div>

What you can do is the following:

you have your inner.html as the default, now you create a different.html file in your component. This will be used when the selector='different' is specified.

Or what you can do is to do a check in a WCMUse class whether a specific selector is specified.

Can you test the first approach?

best,

Feike

Feike_Visser1

Adobe Employee

hi dave,

With data-sly-resource you can't pass in extra argument of parameters.

I think what you are looking for is data-sly-template / data-sly-call.

best,

Feike

David_WoollardAuthor

Morning Feike! That sounds like exactly what I am looking for, but I do not know how to then create the different templates that respond to different selectors? Any help would be much appreciated Cheers, Dave

David_WoollardAuthor

Hello, it's me again!

I am now running into an issue upon updating my inner component via the inline editing function author.edit.actions.doUpdate(editable, params), which saves the data fine, but updates the UI without using the selector that is defined in the template...

so for example say I have:

<data-sly-resource="${ 'inner' @ resourceType='/projectname/components/inner', selectors='different'}"></div>

When the inline editor updates this component, it is refreshing it without the selector of 'different'...

Do you know if this is a bug? Or is there an extra parameter I should be using when I perform the doUpdate function?

Thanks for your help yet again!

Dave

Feike_Visser1

Accepted solution

Adobe Employee

<div data-sly-resource="${ 'inner' @ resourceType='/projectname/components/inner', selectors='different' }"></div>

What you can do is the following:

you have your inner.html as the default, now you create a different.html file in your component. This will be used when the selector='different' is specified.

Or what you can do is to do a check in a WCMUse class whether a specific selector is specified.

Can you test the first approach?

best,

Feike

Feike_Visser1

Adobe Employee

Example

<template data-sly-template.test1="${ @ param1}">
This is from the template... ${param1}
</template>

David_WoollardAuthor

Thank you for your help Feike, that is marvellous!

David_WoollardAuthor

Hi Feike,

Thank you for your swift response!

I have used data-sly-template and data-sly-call elsewhere in my component and am very happy with how they work, however they do not solve the problem at hand.

Lets look at the problem another way... I have a component called Heading. This component can be used all over the site. If this component appears inside the Hero component then I want it to render slightly differently.

Can you suggest a way I might achieve this?

Thanks for your help!

Dave