列表與網(wǎng)格組件功能相同,都是動(dòng)態(tài)應(yīng)用,每個(gè)列表項(xiàng)與后臺(tái)動(dòng)態(tài)內(nèi)容綁定,只需要對(duì)第一個(gè)單元格添加內(nèi)容、樣式、數(shù)據(jù)綁定,其他的會(huì)自動(dòng)生成綁定。這節(jié)我們將重點(diǎn)介紹這個(gè)組件的基本用法及具體功能。
列表可以綁定文章的封面、說明等,點(diǎn)擊每一項(xiàng)后能跳轉(zhuǎn)打開對(duì)應(yīng)文章詳情頁。
首先點(diǎn)擊網(wǎng)格列表來到元素設(shè)定面板
1.列設(shè)定
可以通過列設(shè)定快速的完成網(wǎng)格列表布局。
.
2.動(dòng)態(tài)列表設(shè)定
可以設(shè)置要?jiǎng)討B(tài)顯示的數(shù)量及是否分頁顯示。
3.內(nèi)容屬性模版
這里可設(shè)置綁定的類型,和CMS內(nèi)容的屬性相對(duì)應(yīng),比如綁定類型為文章,CMS1.0只能綁定文章類型。
將文章的結(jié)構(gòu)和網(wǎng)格列表的元素一一綁定,
左邊紅框?qū)?yīng)網(wǎng)格結(jié)構(gòu)
右邊黃框?qū)?yīng)CMS文章結(jié)構(gòu)。
點(diǎn)擊黃框的下拉列表選擇對(duì)應(yīng)的類型即可將該文章綁定給網(wǎng)格列表。
4.添加內(nèi)容源
內(nèi)容源就是CMS1.0內(nèi)的文章,點(diǎn)擊可選擇你預(yù)先在工作臺(tái)CMS設(shè)定的文章分類。
右側(cè)?按鈕可跳轉(zhuǎn)到CMS管理,刷新按鈕可刷新CMS文章。
選擇對(duì)應(yīng)的分類。
5.內(nèi)容模版
內(nèi)容模版是一個(gè)新的頁面。主要用來展示文章正文部分的頁面
新建一個(gè)空白頁面來展示文章詳情頁。
在空白頁里插入內(nèi)容模版。如插入預(yù)設(shè)模塊已有的內(nèi)容模版模塊。
這時(shí),在綁定內(nèi)容模版選項(xiàng)里會(huì)出現(xiàn)剛才建立的頁面,
選擇后即可完成點(diǎn)擊網(wǎng)格列表跳轉(zhuǎn)文章詳情頁的設(shè)定。