layui 對(duì)table中的數(shù)據(jù)進(jìn)行轉(zhuǎn)義的實(shí)例
更新時(shí)間：2019年09月12日 12:02:37 作者：kerw1nKwan
今天小編就為大家分享一篇layui 對(duì)table中的數(shù)據(jù)進(jìn)行轉(zhuǎn)義的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
方法一 通過done回調(diào)進(jìn)行遍歷：
//方法級(jí)渲染
table.render({
id: 'demoList',
elem: '#demoList'
, url: 'showDemoList'
, cols: [[
{checkbox: true, fixed: true, width: '10%'}
, {field: 'id', title: '編號(hào)', 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) {
//如果是異步請(qǐng)求數(shù)據(jù)方式，res即為你接口返回的信息。
//如果是直接賦值的方式，res即為：{data: [], count: 99} data為當(dāng)前頁(yè)數(shù)據(jù)、count為數(shù)據(jù)總長(zhǎng)度
$("[data-field='status']").children().each(function () {
if ($(this).text() == '0') {
$(this).text('有效');
} else if ($(this).text() == '1') {
$(this).text('無(wú)效');
}
});
}
, 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{ }}
無(wú)效
{{# } }}
</script>
以上這篇layui 對(duì)table中的數(shù)據(jù)進(jìn)行轉(zhuǎn)義的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(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實(shí)現(xiàn)網(wǎng)頁(yè)頂部向下滑出的全國(guó)城市切換導(dǎo)航效果
這篇文章主要介紹了JS實(shí)現(xiàn)網(wǎng)頁(yè)頂部向下滑出的全國(guó)城市切換導(dǎo)航效果,涉及javascript鼠標(biāo)事件及頁(yè)面元素顯示的實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08
談?wù)凧avaScript異步函數(shù)發(fā)展歷程
對(duì)大部分JavaScript開發(fā)者而言，async函數(shù)仍是新鮮事物，其發(fā)展經(jīng)歷了漫長(zhǎng)的旅程。本文將梳理總結(jié)JavaScript異步函數(shù)的發(fā)展歷程，并表示未來async函數(shù)將成為實(shí)現(xiàn)異步的主要方式。2015-09-09
基于JS實(shí)現(xiàn)仿京東搜索欄隨滑動(dòng)透明度漸變效果
這篇文章主要介紹了基于JS實(shí)現(xiàn)仿京東搜索欄隨滑動(dòng)透明度漸變效果,代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-07-07
這篇文章主要為大家詳細(xì)介紹了js面向?qū)ο蠓绞綄?shí)現(xiàn)拖拽效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-03-03
這篇文章主要為大家介紹了uniapp如何使用定位過程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
說到樹形菜單，貌似一般是用在一些管理系統(tǒng)里面的，我是還沒有用到過，有些zTree之類的插件已經(jīng)做得比較好了2011-12-12
js實(shí)現(xiàn)將json數(shù)組顯示前臺(tái)table中
本文主要介紹了把JSON數(shù)組顯示在前臺(tái)的table中的方法。具有一定的參考價(jià)值，下面跟著小編一起來看下吧2017-01-01
使用JS正則表達(dá)式 替換括號(hào),尖括號(hào)等
下面小編就為大家?guī)硪黄褂肑S正則表達(dá)式 替換括號(hào),尖括號(hào)等。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11
JavaScript函數(shù)調(diào)用經(jīng)典實(shí)例代碼
JavaScript提供了4種函數(shù)調(diào)用,一般形式的函數(shù)調(diào)用、作為對(duì)象的方法調(diào)用、使用 call 和 apply 動(dòng)態(tài)調(diào)用、使用 new 間接調(diào)用,下面這篇文章主要給大家介紹了關(guān)于JavaScript函數(shù)調(diào)用的相關(guān)資料,需要的朋友可以參考下2021-12-12