淺談layui分頁控件field參數(shù)接收對象的問題
第一次使用layui分頁控件,遇到的問題。。field: 'type.typeName' 獲取不到值。
頁面代碼
table.render({ elem: '#bookTable' ,height: 'full-20' ,url: '/admin/getBook' //數(shù)據(jù)接口 ,request: { pageName: 'begin' //頁碼的參數(shù)名稱,默認(rèn):page ,limitName: 'length' //每頁數(shù)據(jù)量的參數(shù)名,默認(rèn):limit } ,page: true //開啟分頁 ,even: true ,cols: [[ //表頭 {checkbox: true, fixed: true} ,{field: 'bookid', title: 'ID', width:80, sort: true, fixed: 'left'} ,{field: 'bookname', title: '書名', width:250} ,{field: 'bookauthor', title: '作者', width:150} ,{field: 'bookpress', title: '出版社', width:150} ,{field: 'type', title: '類型', width:80} ,{fixed: 'right', title: '操作',width:150, align:'center', toolbar: '#handler'} //這里的toolbar值是模板元素的選擇器 ]] ,id: 'bookReload' });
對應(yīng)頁面
我想拿到type的中文名稱,正常思路,我會把代碼改成
,{field: 'type.typeName', title: '類型', width:80}
可是這樣,獲取不到值。
然后研究發(fā)現(xiàn),field這個屬性是根據(jù)后臺實體類的getXXX()方法獲取值的。
注意,實體類是List泛型對應(yīng)的實體類。例如我這里是List<Book>,然后我就到我的Book.java中新增一個方法:
最后我就可以到頁面上獲取typeName
,{field: 'typeName', title: '類型', width:80}
最后頁面效果:
以上這篇淺談layui分頁控件field參數(shù)接收對象的問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
- php+layui數(shù)據(jù)表格實現(xiàn)數(shù)據(jù)分頁渲染代碼
- thinkphp5+layui實現(xiàn)的分頁樣式示例
- layui+jquery支持IE8的表格分頁方法
- layui 數(shù)據(jù)表格+分頁+搜索+checkbox+緩存選中項數(shù)據(jù)的方法
- layui table 獲取分頁 limit的方法
- 淺談layui框架自帶分頁和表格重載的接口解析問題
- Layui之table中的radio在切換分頁時無法記住選中狀態(tài)的解決方法
- layui表格分頁 記錄勾選的實例
- Layui實現(xiàn)數(shù)據(jù)表格默認(rèn)全部顯示(不要分頁)
相關(guān)文章
javascript檢測瀏覽器的縮放狀態(tài)實現(xiàn)代碼
這篇文章主要介紹了javascript檢測瀏覽器的縮放狀態(tài)實現(xiàn)代碼,需要的朋友可以參考下2014-09-09JavaScript實現(xiàn)格式化字符串函數(shù)String.format
本文主要介紹了JavaScript實現(xiàn)格式化字符串函數(shù)String.format(可自動解析引號轉(zhuǎn)義字符)。具有很好的參考價值,需要的朋友一起來看下吧2016-12-12值得學(xué)習(xí)的JavaScript調(diào)試技巧分享
這篇文章主要給大家介紹了一些JavaScript調(diào)試技巧,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-06-06