CQ5/AEM6/Sightly - 從Java返回自定義類型使用-Api

使用JavaScript使用-Api我可以創建自定義對象並將其返回給html文件。此功能允許我創建自定義對象的列表，可用於創建菜單或其他複雜的類列表組件。CQ5/AEM6/Sightly - 從Java返回自定義類型使用-Api

讓我們假設我有以下內容構成：

/content 
    /project 
     /homepage 
      /contentpage1 
       /contentpage1.1 
       /contentpage1.2 
       /contentpage1.3 (hidden) 
      /contentpage2 
       /contentpage1.1 (hidden) 
       /contentpage1.2 (hidden) 
       /contentpage1.3 (hidden) 
      /contentpage3 
      /contentpage4

菜單應只包含第一級的內容網頁。每個菜單項都應該包含第二級內容頁的下拉列表，如果它們存在並且未隱藏。我可以用下面的代碼做在JavaScript：

"use strict"; 

use(function() { 

    function getMenuItems() { 
     var currentPageDepth = currentPage.getDepth(); 
     var menuObjects = []; 
     if(currentPageDepth >= 3) { 
      var homePage = currentPage.getAbsoluteParent(2); 
      var list = homePage.listChildren(); 
      while(list.hasNext()) { 
       var tempPage = list.next() 
       var customPageObject = createMenuItemObject(tempPage); 
       menuObjects.push(customPageObject); 
      }    
     } 
     return menuObjects; 
    } 

    function createMenuItemObject(page) { 
     // ... 
     // looking for any other properties of page or its children 
     // ... 
     return {page: page, 
       visibleChildrenExists: visibleChildrenExists(page)}; 
    } 

    function visibleChildrenExists(page) { 
     var list = page.listChildren(); 
     var visibleChildrenExists = false; 
     while(list.hasNext()) { 
      var subPage = list.next(); 
      if(!subPage.isHideInNav()) { 
       visibleChildrenExists = true; 
       break; 
      } 
     } 
     return visibleChildrenExists; 
    } 

    return { 
     menuObjectsList: getMenuItems(), 
    }; 
}

HTML：

<headerComponent data-sly-use.headerComponentJS="headerComponent.js" data-sly-unwrap /> 
<menuItems data-sly-list.menuItem="${headerComponentJS.menuObjectsList}" data-sly-unwrap > 
    <li class='${menuItem.visibleChildrenExists ? "" : "direct"}' data-sly-test="${!menuItem.page.hideInNav}"> 
     <a href="${menuItem.page.path}.html">${menuItem.page.title}</a> 
     <ul data-sly-test="${menuItem.visibleChildrenExists}" data-sly-list.submenuItem="${menuItem.page.listChildren}"> 
      <li data-sly-test="${!submenuItem.hideInNav}"> 
       <a href="${submenuItem.path}.html">${submenuItem.title}</a> 
      </li> 
     </ul> 
    </li>  
</menuItems>

爲什麼我要使用Java使用的API？在資源或節點等界面上操作更容易。它看起來在JavaScript中不能很好地工作，但我需要有可能返回具有多個屬性的自定義對象。

問題是：是否有可能使用Java Use-Api做類似的事情？我必須返回什麼？我無法返回地圖，因爲無法將參數傳遞給Java Use-Api方法，因此無法訪問它的元素......任何建議？

來源

2015-02-06 kmb

有可能使用java使用的API參見下文的示例以返回地圖：

在Java類的方法

//Return a map 
public Map<String, String> getTestMap() { 
    //TODO some coding 
    Map<String,String> testMap = new HasMap<String,String>(); 
    testMap.put("IDA", "test value"); 
    testMap.put("IDB", "test value 2"); 

    return testMap;  
}

HTML代碼來訪問地圖的每個元素：

<div data-sly-use.param="JavaClass">  
    <div data-sly-test.map="${param.testMap}"> 
     <div class="pos"> 
      <span class="classA">${map['IDA']}</span><br> 
      <span class="classB">${map['IDB']}</span> 
     </div> 
    </div> 
</div>

來源

2015-02-06 14:05:16 samwhite024

CQ5/AEM6/Sightly - 從Java返回自定義類型使用-Api

回答

相關問題