列表頁(yè)的布局設(shè)置

列表頁(yè)的布局有多種方式布局（普通布局、卡片式布局、樹表式布局、選項(xiàng)卡式布局），如下視頻進(jìn)行展示：

下面我們介紹下布局配置的方式

普通列表布局

具備輕應(yīng)用配置權(quán)限的用戶，進(jìn)入列表頁(yè)設(shè)計(jì)器

在設(shè)計(jì)頁(yè)面中選擇普通布局模式，其他的配置參照列表頁(yè)的配置

卡片式布局

卡片式布局是一種常見的列表頁(yè)布局方式，它通過將內(nèi)容組織成卡片的形式，以便用戶更輕松地瀏覽和選擇感興趣的數(shù)據(jù)。配置的方式：

具備輕應(yīng)用配置權(quán)限的用戶，進(jìn)入列表頁(yè)設(shè)計(jì)器

在設(shè)計(jì)頁(yè)面中選擇卡片式布局，如下圖所示，然后進(jìn)入表格設(shè)置-顯示設(shè)置，

在顯示設(shè)置中配置字段的展現(xiàn)形式，也就是每個(gè)字段只能選擇一種的控制樣式，如果不選，默認(rèn)展示為內(nèi)容

具體展現(xiàn)的樣式如下：

①：標(biāo)題，著重展示

②：副標(biāo)題

③：普通內(nèi)容

④：副標(biāo)題

⑤：描述內(nèi)容

樹表式布局

左樹右表的布局模式是一種常見的界面布局，它在頁(yè)面的左側(cè)顯示一個(gè)樹狀結(jié)構(gòu)的導(dǎo)航欄或目錄樹，在右側(cè)則顯示與所選項(xiàng)目相關(guān)的詳細(xì)信息或數(shù)據(jù)表格。這種布局模式通常用于管理系統(tǒng)、文件瀏覽器、分類目錄等需要展示層級(jí)結(jié)構(gòu)和詳細(xì)信息的界面。

配置方式：

具備輕應(yīng)用配置權(quán)限的用戶，進(jìn)入列表頁(yè)設(shè)計(jì)器

在設(shè)計(jì)頁(yè)面中選擇目錄是布局，然后在進(jìn)入列表設(shè)計(jì)界面，

系統(tǒng)將自動(dòng)把具備樹形結(jié)構(gòu)的字段展示出來(lái)，只需要開啟快速檢索的開關(guān)即可

這里樹形字段有兩種類型，一種是采用系統(tǒng)提供的內(nèi)部樹形字典，另外一種方式是有用戶配置具備樹形結(jié)構(gòu)的字段，點(diǎn)擊設(shè)置

①：樹形字段的展示名稱

②：樹形字段初始的折疊與展開狀態(tài)

③：是否可以隱藏的配置開關(guān)

④：如果是自定義的數(shù)據(jù)模型，可以設(shè)置對(duì)應(yīng)的操作按鈕

選項(xiàng)卡式布局

選項(xiàng)卡式的布局是列表數(shù)據(jù)快速做過濾的便捷手段，那么做過濾的條件是這個(gè)字段是下拉選項(xiàng)，數(shù)據(jù)可以來(lái)源于模型或者字典。

配置方式：

具備輕應(yīng)用配置權(quán)限的用戶，進(jìn)入列表頁(yè)設(shè)計(jì)器

選擇普通布局模式，并進(jìn)入列表設(shè)計(jì)界面

系統(tǒng)自動(dòng)展示對(duì)應(yīng)下拉字段的配置開關(guān)，設(shè)置開啟即可

往期回顧：

JVS低代碼列表引擎系列：列表頁(yè)按鈕配置說(shuō)明

JVS低代碼列表引擎：列表關(guān)聯(lián)列表的原理

JVS低代碼列表引擎系列：列表頁(yè)配置引擎介紹

今天的分享先到這，JVS一直在不斷的迭代更新，有興趣的小伙伴可以關(guān)注小編，隨時(shí)掌握J(rèn)VS低代碼的最新動(dòng)態(tài)。

你的Star是我們最大的動(dòng)力，如果對(duì)項(xiàng)目有興趣、有建議，歡迎留言隨時(shí)與我們交流~