淺談layui分頁控件field參數(shù)接收對(duì)象的問題
第一次使用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' });
對(duì)應(yīng)頁面
我想拿到type的中文名稱,正常思路,我會(huì)把代碼改成
,{field: 'type.typeName', title: '類型', width:80}
可是這樣,獲取不到值。
然后研究發(fā)現(xiàn),field這個(gè)屬性是根據(jù)后臺(tái)實(shí)體類的getXXX()方法獲取值的。
注意,實(shí)體類是List泛型對(duì)應(yīng)的實(shí)體類。例如我這里是List<Book>,然后我就到我的Book.java中新增一個(gè)方法:
最后我就可以到頁面上獲取typeName
,{field: 'typeName', title: '類型', width:80}
最后頁面效果:
以上這篇淺談layui分頁控件field參數(shù)接收對(duì)象的問題就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- php+layui數(shù)據(jù)表格實(shí)現(xiàn)數(shù)據(jù)分頁渲染代碼
- thinkphp5+layui實(shí)現(xiàn)的分頁樣式示例
- layui+jquery支持IE8的表格分頁方法
- layui 數(shù)據(jù)表格+分頁+搜索+checkbox+緩存選中項(xiàng)數(shù)據(jù)的方法
- layui table 獲取分頁 limit的方法
- 淺談layui框架自帶分頁和表格重載的接口解析問題
- Layui之table中的radio在切換分頁時(shí)無法記住選中狀態(tài)的解決方法
- layui表格分頁 記錄勾選的實(shí)例
- Layui實(shí)現(xiàn)數(shù)據(jù)表格默認(rèn)全部顯示(不要分頁)
相關(guān)文章
javascript檢測(cè)瀏覽器的縮放狀態(tài)實(shí)現(xiàn)代碼
這篇文章主要介紹了javascript檢測(cè)瀏覽器的縮放狀態(tài)實(shí)現(xiàn)代碼,需要的朋友可以參考下2014-09-09uni-app低成本封裝一個(gè)取色器組件的簡(jiǎn)單方法
最近想實(shí)現(xiàn)一個(gè)uniapp取色器組件,實(shí)現(xiàn)后發(fā)現(xiàn)效果還不錯(cuò),下面這篇文章主要給大家介紹了關(guān)于uni-app低成本封裝一個(gè)取色器組件的相關(guān)資料,文中通過圖文介紹的介紹的非常詳細(xì),需要的朋友可以參考下2023-02-02JavaScript實(shí)現(xiàn)格式化字符串函數(shù)String.format
本文主要介紹了JavaScript實(shí)現(xiàn)格式化字符串函數(shù)String.format(可自動(dòng)解析引號(hào)轉(zhuǎn)義字符)。具有很好的參考價(jià)值,需要的朋友一起來看下吧2016-12-12值得學(xué)習(xí)的JavaScript調(diào)試技巧分享
這篇文章主要給大家介紹了一些JavaScript調(diào)試技巧,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-06-06js實(shí)現(xiàn)頁面跳轉(zhuǎn)重定向的幾種方式
這篇文章主要介紹js實(shí)現(xiàn)頁面跳轉(zhuǎn)重定向的幾種方式,需要的朋友可以參考下2014-05-05