The use function is implemented and declared in Java in the "io.sightly.js.bundle" bundle.

And GRANITE-6404 (data-sly-use in parent component does not load object overlaid in inherited component) will be fixed in SP2, which will be released in January 2015.

No it is not, unfortunately.

This issue is tracked internally (GRANITE-6589 - "data-sly-use in parent component does not load script overlaid in inherited component"), we'll try to keep this thread updated when some fixes will be available. But we don't have a date defined yet for an update, meaning that it won't happen so soon...

Hi Prateek,As explained, this only works for server-side JavaScript, so I'm assuming that this is the case for you.This is how a simple example would like like:<div data-sly-use.logic="logic.js"> <p data-sly-test="${logic.foo}">${logic.foo}</p> </div>Assuming that you have something like following c...

Sightly is a server-side template language, so you cannot use it to do client-side operations. The confusion might come from the fact that it is using data attributes, or from the fact that it can also use JavaScript as scripting language to prepare the variables. But despite it looking a bit like a...

Got it! You're correct, each componentService.componentData.* variable access will call the getComponentData method.Then I'd create another Java object to retrieve getComponentData, this will act like a cache for the current template:public class Logic extends WCMUse { private ComponentData data; @O...

Got it! You're correct, each componentService.componentData.* variable access will call the getComponentData method.Then I'd create another Java object to retrieve getComponentData, this will act like a cache for the current template:public class Logic extends WCMUse { private ComponentData data; @O...

It would be possible to do both the double test and the variable assignment in one step, but that would look confusing, so I spare you that.But I think that there's a conceptual issue in your code: data-sly-test isn't intended to be used only to set variables, it is primarily a conditional statement...

Btw, to keep the template markup as simple as possible, your first two divs should be combined into one:<div data-sly-use.componentService="XComponentProxy" data-sly-test="${componentService && componentService.componentData}" data-sly-unwrap> ... </div>