淺談layui分頁(yè)控件field參數(shù)接收對(duì)象的問(wèn)題

更新時(shí)間：2019年09月20日 14:48:18 作者：deep_feel

今天小編就為大家分享一篇淺談layui分頁(yè)控件field參數(shù)接收對(duì)象的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

第一次使用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 //開(kāi)啟分頁(yè)
 ,even: true
 ,cols: [[ //表頭
  {checkbox: true, fixed: true}
  ,{field: 'bookid', title: 'ID', width:80, sort: true, fixed: 'left'}
  ,{field: 'bookname', title: '書(shū)名', width:250}
  ,{field: 'bookauthor', title: '作者', width:150}
  ,{field: 'bookpress', title: '出版社', width:150}
  ,{field: 'type', title: '類(lèi)型', width:80}
  ,{fixed: 'right', title: '操作',width:150, align:'center', toolbar: '#handler'} //這里的toolbar值是模板元素的選擇器
 ]]
 ,id: 'bookReload'
 });

對(duì)應(yīng)頁(yè)面

我想拿到type的中文名稱，正常思路，我會(huì)把代碼改成

,{field: 'type.typeName', title: '類(lèi)型', width:80}

可是這樣，獲取不到值。

然后研究發(fā)現(xiàn)，field這個(gè)屬性是根據(jù)后臺(tái)實(shí)體類(lèi)的getXXX()方法獲取值的。

注意，實(shí)體類(lèi)是List泛型對(duì)應(yīng)的實(shí)體類(lèi)。例如我這里是List<Book>,然后我就到我的Book.java中新增一個(gè)方法：

最后我就可以到頁(yè)面上獲取typeName

,{field: 'typeName', title: '類(lèi)型', width:80}

最后頁(yè)面效果：

以上這篇淺談layui分頁(yè)控件field參數(shù)接收對(duì)象的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

微信小程序canvas繪制圓角base64圖片的實(shí)現(xiàn)
這篇文章主要介紹了微信小程序canvas繪制圓角base64圖片的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-08-08
實(shí)現(xiàn)圖片首尾平滑輪播(JS原生方法—節(jié)流)
下面小編就為大家?guī)?lái)一篇實(shí)現(xiàn)圖片首尾平滑輪播(JS原生方法—節(jié)流)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-10-10
JS中如何判斷傳過(guò)來(lái)的JSON數(shù)據(jù)中是否存在某字段
這篇文章主要介紹了JS中如何判斷傳過(guò)來(lái)的JSON數(shù)據(jù)中是否存在某字段,需要的朋友可以參考下
2014-08-08
微信小程序?qū)崿F(xiàn)漸入漸出動(dòng)畫(huà)效果
這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)漸入漸出動(dòng)畫(huà)效果的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用微信小程序具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-06-06
在b/s開(kāi)發(fā)中經(jīng)常用到的javaScript技術(shù)
在b/s開(kāi)發(fā)中經(jīng)常用到的javaScript技術(shù)...
2006-08-08
前端使用Compressor.js實(shí)現(xiàn)圖片壓縮上傳的詳細(xì)過(guò)程
Compressor.js一個(gè)JavaScript圖像壓縮器,使用瀏覽器的原生canvas.toBlob API來(lái)執(zhí)行壓縮工作,這篇文章主要給大家介紹了關(guān)于前端使用Compressor.js實(shí)現(xiàn)圖片壓縮上傳的詳細(xì)過(guò)程,需要的朋友可以參考下
2024-07-07
一文帶你搞懂JavaScript中的進(jìn)制與進(jìn)制轉(zhuǎn)換
JavaScript 中提供的進(jìn)制表示方法有四種：十進(jìn)制、二進(jìn)制、十六進(jìn)制、八進(jìn)制。本文主要講介紹一下JS中這些進(jìn)制的互相轉(zhuǎn)換，感興趣的可以了解一下
2023-02-02
js實(shí)現(xiàn)鼠標(biāo)滑過(guò)文字鏈接色彩變化的效果
這篇文章主要介紹了js實(shí)現(xiàn)鼠標(biāo)滑過(guò)文字鏈接色彩變化的效果,涉及javascript鼠標(biāo)事件及樣式操作的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-05-05
淺談js中同名函數(shù)和同名變量的執(zhí)行問(wèn)題
下面小編就為大家?guī)?lái)一篇淺談js中同名函數(shù)和同名變量的執(zhí)行問(wèn)題。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-02-02
RGB顏色值轉(zhuǎn)HTML十六進(jìn)制(HEX)代碼的JS函數(shù)
轉(zhuǎn)到固定長(zhǎng)度的十六進(jìn)制字符串，不夠則補(bǔ)0 javascript找出一個(gè)背景色的數(shù)值，只好自己解析
2009-04-04