layui 對table中的數據進行轉義的實例
更新時間：2019年09月12日 12:02:37 作者：kerw1nKwan
今天小編就為大家分享一篇layui 對table中的數據進行轉義的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
方法一 通過done回調進行遍歷：
//方法級渲染
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: '機構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) {
//如果是異步請求數據方式，res即為你接口返回的信息。
//如果是直接賦值的方式，res即為：{data: [], count: 99} data為當前頁數據、count為數據總長度
$("[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中的數據進行轉義的實例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
js 獲取網絡圖片的高度和寬度的實現(xiàn)方法(變通了下)
簡單地說就是把圖片放入一個自動伸縮的DIV中，然后獲取DIV的寬和高！這個不錯的變通，大家可以參考下。2009-10-10
這篇文章主要為大家詳細介紹了JavaScript面向對象實現(xiàn)貪吃蛇游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要介紹了微信小程序單列下拉菜單，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
這篇文章主要介紹了JS實現(xiàn)的3D拖拽翻頁效果,通過鼠標事件結合時間函數動態(tài)操作頁面元素實現(xiàn)拖拽翻頁的效果,需要的朋友可以參考下2015-10-10
本文主要介紹了JS仿JQuery選擇器功能的實例，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
這篇文章主要介紹了javascript中的Boolean對象知識點，對Boolean對象的基本使用方法進行解釋，一段很詳細的代碼介紹，感興趣的小伙伴們可以參考一下2015-11-11
超實用的全新JavaScript事件Scrollend實例詳解
這篇文章主要為大家介紹了超實用的全新JavaScript事件Scrollend實例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-01-01
前端實現(xiàn)Excel文件導出功能的完整代碼解析(vue實現(xiàn)excel文件導出)
在Vue中實現(xiàn)導出Excel文件有多種方式,可以通過前端實現(xiàn),也可以通過前后端配合實現(xiàn),下面這篇文章主要給大家介紹了關于前端實現(xiàn)Excel文件導出功能(vue實現(xiàn)excel文件導出)的相關資料,需要的朋友可以參考下2024-05-05
下面介紹JavaScript中的數組對象遍歷、讀寫、排序等操作以及與數組相關的字符串處理操作，需要的的朋友參考下吧2017-09-09
本文給大家分享一段超級全面的二代身份證號碼驗證程序，由JS編寫而成，可以校驗身份證的地址碼、出生日期碼、順序碼和數字校驗碼。是身份證去偽存真的一大利器。2014-11-11