Expand my Community achievements bar.

Learn about Edge Delivery Services in upcoming GEM session
SOLVED

Return in Sightly

Avatar

Level 4

Hi,

I have a basic example in sightly which is as below: In the logs the value of string 'value' gets printed but in the page it is not getting printed. Please let me know how to achieve this

<div data-sly-use.component="com.adobe.cq.Component">
<p> from java resource: ${component.value}</p>
</div>

In my java class Component.java

package com.adobe.cq;
import com.adobe.cq.sightly.WCMUse;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.apache.sling.api.resource.Resource;

public class Component extends WCMUse
{
private String value;
private static final Logger LOGGER = LoggerFactory.getLogger(Component.class);

@Override
  public void activate() throws Exception
   {
  Resource resource = getResource();
  value = resource.getPath();
  LOGGER.info(" value****"+value);
  }
public String getvalue()
{
 return value;
  }
}

1 Accepted Solution

Avatar

Correct answer by
Level 5

EDIT: Worth noting that I think the only thing semantically wrong with your code is that your method name is "getvalue()" instead of "getValue()". Case sensitivity is very important! THAT SAID, you really SHOULD use WCMUsePojo instead of WCMUse.

If you're determined to use Java instead of what's available through JavaScript, this should work for you:

Java Class:

package com.your.pkg.name; import com.adobe.cq.sightly.WCMUsePojo; import org.apache.sling.api.resource.Resource; import org.slf4j.Logger; import org.slf4j.LoggerFactory; /** * Created by Greg Wells on 2/7/17. */ public class TestComponent extends WCMUsePojo { private static final Logger LOG = LoggerFactory.getLogger(TestComponent.class); private String value; @Override public void activate() throws Exception { final Resource resource = getResource(); value = resource.getPath(); LOG.info("Value: {}", value); } public String getValue() { return value; } }

HTL Component:

<!--/* Test Component @author Greg Wells */--> <div data-sly-use.testComp="com.your.pkg.name.TestComponent"> <p data-sly-test.value="${ testComp.value }"> <strong>Value from Java:</strong> ${ value } </p> </div>

Let me know if that doesn't work for you.

View solution in original post

8 Replies

Avatar

Employee

Component is already a pre-defined object, see here: https://docs.adobe.com/docs/en/htl/docs/global-objects.html

Can try this:

<div data-sly-use.c="com.adobe.cq.Component">
<p> from java resource: ${c.value}</p>
</div>

Avatar

Level 4

Even after using 'c' it is coming blank. Please help

Avatar

Correct answer by
Level 5

EDIT: Worth noting that I think the only thing semantically wrong with your code is that your method name is "getvalue()" instead of "getValue()". Case sensitivity is very important! THAT SAID, you really SHOULD use WCMUsePojo instead of WCMUse.

If you're determined to use Java instead of what's available through JavaScript, this should work for you:

Java Class:

package com.your.pkg.name; import com.adobe.cq.sightly.WCMUsePojo; import org.apache.sling.api.resource.Resource; import org.slf4j.Logger; import org.slf4j.LoggerFactory; /** * Created by Greg Wells on 2/7/17. */ public class TestComponent extends WCMUsePojo { private static final Logger LOG = LoggerFactory.getLogger(TestComponent.class); private String value; @Override public void activate() throws Exception { final Resource resource = getResource(); value = resource.getPath(); LOG.info("Value: {}", value); } public String getValue() { return value; } }

HTL Component:

<!--/* Test Component @author Greg Wells */--> <div data-sly-use.testComp="com.your.pkg.name.TestComponent"> <p data-sly-test.value="${ testComp.value }"> <strong>Value from Java:</strong> ${ value } </p> </div>

Let me know if that doesn't work for you.

Avatar

Employee

@greg, great catch!

In this case there is no real need for Java, you can have this too in your component:

${resource.path}

Avatar

Level 5

Feike Visser wrote...

@greg, great catch!

In this case there is no real need for Java, you can have this too in your component:

${resource.path}

 

Thanks, and I completely agree, a lot of the common functionality is available without writing your own custom classes.

What I posted should work if he or she is really determined to use Java instead. Like if they intend to take this and extend it further, and were merely using the resource.getPath(); as a simple example to pose the question with.

Avatar

Community Advisor

Hi,

please check this helpx articles also.

https://helpx.adobe.com/experience-manager/using/creating-htl-component.html

also if you are using AEM 6.2 and maven artchetype 10 project then see this :

https://helpx.adobe.com/experience-manager/using/first_htl_WCMUsePojo.html

- Prince 

Avatar

Community Advisor

Hi,

Please close this thread by marking Answer.

- Prince