layui 對table中的數(shù)據(jù)進(jìn)行轉(zhuǎn)義的實例
更新時間：2019年09月12日 12:02:37 作者：kerw1nKwan
今天小編就為大家分享一篇layui 對table中的數(shù)據(jù)進(jìn)行轉(zhuǎn)義的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
方法一 通過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模板實現(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)義的實例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript在Android的WebView中parseInt函數(shù)轉(zhuǎn)換不正確問題解決方法
這篇文章主要介紹了JavaScript在Android的WebView中parseInt函數(shù)轉(zhuǎn)換不正確問題解決方法,因轉(zhuǎn)換的字符串?dāng)?shù)字都以0開頭,導(dǎo)致parseInt函數(shù)在瀏覽器和Android WebView中轉(zhuǎn)換結(jié)果不一樣,本文給出了解決方法,需要的朋友可以參考下2015-04-04
JS實現(xiàn)網(wǎng)頁頂部向下滑出的全國城市切換導(dǎo)航效果
這篇文章主要介紹了JS實現(xiàn)網(wǎng)頁頂部向下滑出的全國城市切換導(dǎo)航效果,涉及javascript鼠標(biāo)事件及頁面元素顯示的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
談?wù)凧avaScript異步函數(shù)發(fā)展歷程
對大部分JavaScript開發(fā)者而言，async函數(shù)仍是新鮮事物，其發(fā)展經(jīng)歷了漫長的旅程。本文將梳理總結(jié)JavaScript異步函數(shù)的發(fā)展歷程，并表示未來async函數(shù)將成為實現(xiàn)異步的主要方式。2015-09-09
這篇文章主要介紹了基于JS實現(xiàn)仿京東搜索欄隨滑動透明度漸變效果,代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-07-07
這篇文章主要為大家詳細(xì)介紹了js面向?qū)ο蠓绞綄崿F(xiàn)拖拽效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-03-03
這篇文章主要為大家介紹了uniapp如何使用定位過程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
說到樹形菜單，貌似一般是用在一些管理系統(tǒng)里面的，我是還沒有用到過，有些zTree之類的插件已經(jīng)做得比較好了2011-12-12
js實現(xiàn)將json數(shù)組顯示前臺table中
本文主要介紹了把JSON數(shù)組顯示在前臺的table中的方法。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
下面小編就為大家?guī)硪黄褂肑S正則表達(dá)式 替換括號,尖括號等。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
JavaScript函數(shù)調(diào)用經(jīng)典實例代碼
JavaScript提供了4種函數(shù)調(diào)用,一般形式的函數(shù)調(diào)用、作為對象的方法調(diào)用、使用 call 和 apply 動態(tài)調(diào)用、使用 new 間接調(diào)用,下面這篇文章主要給大家介紹了關(guān)于JavaScript函數(shù)調(diào)用的相關(guān)資料,需要的朋友可以參考下2021-12-12