Блог

В настоящее время я сохраняю определенное значение как в атрибутах данных в customheaderlibs.html

 <div data-sly-use.myjava="MyJava"
     data-score="${myjava.getScore}"
     data-team="${myjava.getTeam}"></div>
 

и считывали эти значения с помощью

 const iframeContents = document.querySelector('iframe').contentWindow.document.body;
        const configElement = iframeContents.querySelector('div[data-score]');
 

Это отлично работает для определенного разрешения экрана. Но в меньшем окне просмотра, например, в iPad, где диалоговое окно cq открывается как полноэкранный режим, а не как диалоговое окно, customheaderlibs.html кажется, он отсутствует в DOM. Следовательно, эти данные не могут быть доступны из javascript при готовности к диалогу. Можно ли каким-либо образом получить доступ к этим данным, возможно, если они передаются в качестве параметра запроса в путь диалога granite? Но не уверен, как этого добиться.

В случае, если «оценка» и «команда» являются статическими полями, вы можете просто получить доступ к этой информации по GET запросу в /component/path.<1,2, бесконечность, -1>.json

В другом случае вы можете создать пользовательский компонент и добавить его в диалоговое окно компонента.

 <general
                        jcr:primaryType="nt:unstructured"
                        jcr:title="General"
                        sling:resourceType="granite/ui/components/coral/foundation/container"
                        margin="{Boolean}true">
                        <items jcr:primaryType="nt:unstructured">
                            <columns
                                jcr:primaryType="nt:unstructured"
                                sling:resourceType="granite/ui/components/coral/foundation/fixedcolumns"
                                margin="{Boolean}true">
                                <items
                                    jcr:primaryType="nt:unstructured">
                                    <column
                                        jcr:primaryType="nt:unstructured"
                                        sling:resourceType="granite/ui/components/coral/foundation/container">
                                        <items
                                            jcr:primaryType="nt:unstructured">
                                            <customCMP
                                                jcr:primaryType="nt:unstructured"
                                                sling:resourceType="custom/cmp"/>
                                        </items>
                                    </column>
                                </items>
                            </columns>
                        </items>
                    </general>
 

/apps/custom/cmp/cmp.html

 <div data-sly-use.customCMP="CustomCMP"
     data-score="${myjava.getScore}"
     data-team="${myjava.getTeam}">
</div>
 

CustomCMP.java

 @Model(adaptables = SlingHttpServletRequest.class, defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL)
public class CustomCMP {

    @ScriptVariable
    private ResourceResolver resolver;

    private MyJava myJava;

    @PostConstruct
    public void init() {
        final String componentPath = (String) request.getAttribute("granite.ui.form.contentpath");
        Resource componentResource = resolver.getResource(componentPath);

        if (componentResource != null) {
            myJava = componentResource.adaptTo(MyJava.class);
        }

    }

    public String getTeam() {
        return myJava.getTeam();
    }

    public String getScore() {
        return myJava.getScore;
    }
}