「核心元件清單元件」可讓您輕鬆建立動態和靜態清單。
「清單元件」可用來建立例如子頁面的動態清單或任意定義項目的靜態清單。
設計對話框中的模板作者可以定義可用清單類型和格式選項。 內容編輯器可從可用的清單類型中選擇,以及如何在edit對話框中格式化清單元素。
本檔案說明清單元件的v1,最初是隨AEM 6.3核心元件的1.0.0版一起推出。
下表列出了清單元件v1的相容性。
AEM版本 | 清單元件v1 |
---|---|
6.3 | 相容 |
6.4 | 相容 |
本檔案說明「清單元件」的v1。
有關清單元件當前版本的詳細資訊,請參閱清單元件文檔。
以下範例取自We.Retail。
<div class="cmp cmp-list aem-GridColumn aem-GridColumn--default--12">
<ul>
<li>
<article>
<a href="/content/we-retail/us/en/experience/arctic-surfing-in-lofoten.html">
<span class="cmp-list--item-title">Arctic Surfing In Lofoten</span>
</a>
</article>
</li>
<li>
<article>
<a href="/content/we-retail/us/en/experience/summit-success-in-the-himalayas.html">
<span class="cmp-list--item-title">Summit Success in the Himalayas</span>
</a>
</article>
</li>
<li>
<article>
<a href="/content/we-retail/us/en/experience/climbing-on-kalymnos-island--greece.html">
<span class="cmp-list--item-title">Climbing on Kalymnos Island, Greece</span>
</a>
</article>
</li>
<li>
<article>
<a href="/content/we-retail/us/en/experience/running-at-the-great-wall-marathon.html">
<span class="cmp-list--item-title">Running at the Great Wall Marathon</span>
</a>
</article>
</li>
<li>
<article>
<a href="/content/we-retail/us/en/experience/skiing-deep-powder-in-siberia.html">
<span class="cmp-list--item-title">Skiing deep powder in Siberia</span>
</a>
</article>
</li>
<li>
<article>
<a href="/content/we-retail/us/en/experience/climbing-in-the-massif-du-mont-blanc.html">
<span class="cmp-list--item-title">Climbing in the Massif du Mont Blanc</span>
</a>
</article>
</li>
</ul>
</div>
"articles_list": {
"columnClassNames": "aem-GridColumn aem-GridColumn--default--12",
":type": "weretail/components/content/articleslist",
"tagsMatch": "any",
"displayAs": "teaser",
"feedEnabled": "true",
"listFrom": "children",
"limit": "0",
"orderBy": "cq:lastModified",
"pageMax": "0"
}
從核心元件匯出JSON需要1.1.0版的核心元件。 如需詳細資訊,請參閱核心元件v1](/docs/experience-manager-core-components/versions.html?lang=zh-Hant)的[相容性資訊。
編輯對話框允許內容作者配置清單和清單元素。
清單可以以不同的方式建立。
無論清單的建立方式為何,都有排序選項可隨時設定。
視內容作者選擇如何建立清單而定,其他設定選項將會變更。
清單可由目前頁面或其他頁面的子頁面建立。
清單可使用固定的項目清單來建立。
點選或按一下「新增」按鈕,將新項目插入清單。
您可使用搜尋AEM內容的結果來建立清單。
清單可使用與特定位置下的特定標籤相符的頁面來建立。
無論您選擇如何建立清單,都有某些排序選項可隨時定義。
使用項目設定頁籤,可以配置清單元素的格式。
設計對話方塊可讓範本作者定義內容作者應允許的清單類型以及可用的項目設定。
在清單設定標籤上,可以定義日期格式,以及內容作者應在元件中使用哪些類型的清單。
在項目設定標籤上,可以定義內容作者在元件中應使用的個別清單元素的格式選項。
有關List Component 的最新技術文檔可在GitHub上找到。
您可從GitHub下載整個核心元件專案。
有關開發核心元件的詳細資訊,請參閱核心元件開發人員檔案。