JVS低代碼列表引擎系列:列表頁多種布局方式及配置介紹
列表頁的布局設置
列表頁的布局有多種方式布局(普通布局、卡片式布局、樹表式布局、選項卡式布局),如下視頻進行展示:
下面我們介紹下布局配置的方式
普通列表布局
具備輕應用配置權限的用戶,進入列表頁設計器
在設計頁面中選擇普通布局模式,其他的配置參照列表頁的配置
卡片式布局
卡片式布局是一種常見的列表頁布局方式,它通過將內(nèi)容組織成卡片的形式,以便用戶更輕松地瀏覽和選擇感興趣的數(shù)據(jù)。配置的方式:
具備輕應用配置權限的用戶,進入列表頁設計器
在設計頁面中選擇卡片式布局,如下圖所示,然后進入表格設置-顯示設置,
在顯示設置中配置字段的展現(xiàn)形式,也就是每個字段只能選擇一種的控制樣式,如果不選,默認展示為內(nèi)容
具體展現(xiàn)的樣式如下:
①:標題,著重展示
②:副標題
③:普通內(nèi)容
④:副標題
⑤:描述內(nèi)容
樹表式布局
左樹右表的布局模式是一種常見的界面布局,它在頁面的左側(cè)顯示一個樹狀結(jié)構(gòu)的導航欄或目錄樹,在右側(cè)則顯示與所選項目相關的詳細信息或數(shù)據(jù)表格。這種布局模式通常用于管理系統(tǒng)、文件瀏覽器、分類目錄等需要展示層級結(jié)構(gòu)和詳細信息的界面。
配置方式:
具備輕應用配置權限的用戶,進入列表頁設計器
在設計頁面中選擇目錄是布局,然后在進入列表設計界面,
系統(tǒng)將自動把具備樹形結(jié)構(gòu)的字段展示出來,只需要開啟快速檢索的開關即可
這里樹形字段有兩種類型,一種是采用系統(tǒng)提供的內(nèi)部樹形字典,另外一種方式是有用戶配置具備樹形結(jié)構(gòu)的字段,點擊設置
①:樹形字段的展示名稱
②:樹形字段初始的折疊與展開狀態(tài)
③:是否可以隱藏的配置開關
④:如果是自定義的數(shù)據(jù)模型,可以設置對應的操作按鈕
選項卡式布局
選項卡式的布局是列表數(shù)據(jù)快速做過濾的便捷手段,那么做過濾的條件是這個字段是下拉選項,數(shù)據(jù)可以來源于模型或者字典。
配置方式:
具備輕應用配置權限的用戶,進入列表頁設計器
選擇普通布局模式,并進入列表設計界面
系統(tǒng)自動展示對應下拉字段的配置開關,設置開啟即可
往期回顧:
今天的分享先到這,JVS一直在不斷的迭代更新,有興趣的小伙伴可以關注小編,隨時掌握JVS低代碼的最新動態(tài)。
你的Star是我們最大的動力,如果對項目有興趣、有建議,歡迎留言隨時與我們交流~