自定義列

開發工具與關鍵技術:VS    NVC 
作者:聽民謠的老貓
撰寫時間:2019/7/15   11:07

講一講關於數據表格的自定義列layui插件的數據表格

代碼部分 (忽略數據接口之類的)

頁面效果

初始列

初始列這種有了數據接口只要 field: '名稱'名稱和控制器對應就能實現數據的對應接收。

如下:

自定義列

自定義列需要定義一個方法,方法名得與templet後面的: KangarooName名稱一致。

相對於初始列來說自定義列不僅僅是像初始列那樣一對一接收數據,你可以通過data這樣來接收控制器傳過來的所有數據,然後通過字符串拼接來實現多條數據的裝載。也不像初始列那樣單調,很明顯在字符串拼接過程你可以拼接一些樣式進去。

 

上面這樣的你也可以通過自定義列來實現,同樣是數據表格,像上面這樣展示出來。對於前臺這樣需要用戶體驗的就很ok啦。

同樣,我配餐那個勾也是自定義列,數據庫配餐是個bool類型所以通過if(){}else{}判斷一下,如果是true就返回一個勾,如果是false就返回一個叉。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章