淺談layui分頁(yè)控件field參數(shù)接收對(duì)象的問(wèn)題
第一次使用layui分頁(yè)控件,遇到的問(wèn)題。。field: 'type.typeName' 獲取不到值。
頁(yè)面代碼
table.render({ elem: '#bookTable' ,height: 'full-20' ,url: '/admin/getBook' //數(shù)據(jù)接口 ,request: { pageName: 'begin' //頁(yè)碼的參數(shù)名稱,默認(rèn):page ,limitName: 'length' //每頁(yè)數(shù)據(jù)量的參數(shù)名,默認(rèn):limit } ,page: true //開啟分頁(yè) ,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)頁(yè)面
我想拿到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è)方法:
最后我就可以到頁(yè)面上獲取typeName
,{field: 'typeName', title: '類型', width:80}
最后頁(yè)面效果:
以上這篇淺談layui分頁(yè)控件field參數(shù)接收對(duì)象的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- php+layui數(shù)據(jù)表格實(shí)現(xiàn)數(shù)據(jù)分頁(yè)渲染代碼
- thinkphp5+layui實(shí)現(xiàn)的分頁(yè)樣式示例
- layui+jquery支持IE8的表格分頁(yè)方法
- layui 數(shù)據(jù)表格+分頁(yè)+搜索+checkbox+緩存選中項(xiàng)數(shù)據(jù)的方法
- layui table 獲取分頁(yè) limit的方法
- 淺談layui框架自帶分頁(yè)和表格重載的接口解析問(wèn)題
- Layui之table中的radio在切換分頁(yè)時(shí)無(wú)法記住選中狀態(tài)的解決方法
- layui表格分頁(yè) 記錄勾選的實(shí)例
- Layui實(shí)現(xiàn)數(shù)據(jù)表格默認(rèn)全部顯示(不要分頁(yè))
相關(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)資料,文中通過(guò)圖文介紹的介紹的非常詳細(xì),需要的朋友可以參考下2023-02-02JavaScript實(shí)現(xiàn)格式化字符串函數(shù)String.format
本文主要介紹了JavaScript實(shí)現(xiàn)格式化字符串函數(shù)String.format(可自動(dòng)解析引號(hào)轉(zhuǎn)義字符)。具有很好的參考價(jià)值,需要的朋友一起來(lái)看下吧2016-12-12值得學(xué)習(xí)的JavaScript調(diào)試技巧分享
這篇文章主要給大家介紹了一些JavaScript調(diào)試技巧,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-06-06js實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)重定向的幾種方式
這篇文章主要介紹js實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)重定向的幾種方式,需要的朋友可以參考下2014-05-05