layui 對table中的數(shù)據(jù)進(jìn)行轉(zhuǎn)義的實(shí)例
更新時間：2019年09月12日 12:02:37 作者：kerw1nKwan
今天小編就為大家分享一篇layui 對table中的數(shù)據(jù)進(jìn)行轉(zhuǎn)義的實(shí)例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
方法一 通過done回調(diào)進(jìn)行遍歷：
//方法級渲染
table.render({
id: 'demoList',
elem: '#demoList'
, url: 'showDemoList'
, cols: [[
{checkbox: true, fixed: true, width: '10%'}
, {field: 'id', title: '編號', width: '15%', sort: true}
, {field: 'pipe_id', title: '機(jī)構(gòu)ID', width: '15%'}
, {field: 'bank_id', title: '銀行ID', width: '10%'}
, {field: 'pipe_cost', title: '成本', width: '10%'}
, {field: 'status', title: '狀態(tài)', width: '20%'}
, {field: 'remark', title: '操作', width: '20%', toolbar: '#toolBar'}
]],
done: function (res, curr, count) {
//如果是異步請求數(shù)據(jù)方式，res即為你接口返回的信息。
//如果是直接賦值的方式，res即為：{data: [], count: 99} data為當(dāng)前頁數(shù)據(jù)、count為數(shù)據(jù)總長度
$("[data-field='status']").children().each(function () {
if ($(this).text() == '0') {
$(this).text('有效');
} else if ($(this).text() == '1') {
$(this).text('無效');
}
});
}
, page: true
, height: 'full-83'
});
方法二 通過layui的templet模板實(shí)現(xiàn)：
, {field: 'status', title: '狀態(tài)', width: '20%',templet:'#status'}
<script type="text/html" id="status">
{{# if(d.status=='0'){ }}
有效
{{# }else{ }}
無效
{{# } }}
</script>
以上這篇layui 對table中的數(shù)據(jù)進(jìn)行轉(zhuǎn)義的實(shí)例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
js 獲取網(wǎng)絡(luò)圖片的高度和寬度的實(shí)現(xiàn)方法(變通了下)
簡單地說就是把圖片放入一個自動伸縮的DIV中，然后獲取DIV的寬和高！這個不錯的變通，大家可以參考下。2009-10-10
JavaScript面向?qū)ο髮?shí)現(xiàn)貪吃蛇游戲
這篇文章主要為大家詳細(xì)介紹了JavaScript面向?qū)ο髮?shí)現(xiàn)貪吃蛇游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要介紹了微信小程序單列下拉菜單，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
這篇文章主要介紹了JS實(shí)現(xiàn)的3D拖拽翻頁效果,通過鼠標(biāo)事件結(jié)合時間函數(shù)動態(tài)操作頁面元素實(shí)現(xiàn)拖拽翻頁的效果,需要的朋友可以參考下2015-10-10
本文主要介紹了JS仿JQuery選擇器功能的實(shí)例，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
每天一篇javascript學(xué)習(xí)小結(jié)（Boolean對象）
這篇文章主要介紹了javascript中的Boolean對象知識點(diǎn)，對Boolean對象的基本使用方法進(jìn)行解釋，一段很詳細(xì)的代碼介紹，感興趣的小伙伴們可以參考一下2015-11-11
超實(shí)用的全新JavaScript事件Scrollend實(shí)例詳解
這篇文章主要為大家介紹了超實(shí)用的全新JavaScript事件Scrollend實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-01-01
前端實(shí)現(xiàn)Excel文件導(dǎo)出功能的完整代碼解析(vue實(shí)現(xiàn)excel文件導(dǎo)出)
在Vue中實(shí)現(xiàn)導(dǎo)出Excel文件有多種方式,可以通過前端實(shí)現(xiàn),也可以通過前后端配合實(shí)現(xiàn),下面這篇文章主要給大家介紹了關(guān)于前端實(shí)現(xiàn)Excel文件導(dǎo)出功能(vue實(shí)現(xiàn)excel文件導(dǎo)出)的相關(guān)資料,需要的朋友可以參考下2024-05-05
下面介紹JavaScript中的數(shù)組對象遍歷、讀寫、排序等操作以及與數(shù)組相關(guān)的字符串處理操作，需要的的朋友參考下吧2017-09-09
js實(shí)現(xiàn)二代身份證號碼驗(yàn)證詳解
本文給大家分享一段超級全面的二代身份證號碼驗(yàn)證程序，由JS編寫而成，可以校驗(yàn)身份證的地址碼、出生日期碼、順序碼和數(shù)字校驗(yàn)碼。是身份證去偽存真的一大利器。2014-11-11