layui table設置前臺過濾轉(zhuǎn)義等方法

更新時間：2018年08月17日 10:13:32 作者：阿杜_ardo

今天小編就為大家分享一篇layui table設置前臺過濾轉(zhuǎn)義等方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

如下所示：

{field: 'username', title: '用戶名', width:80,style:'height:100px;',templet: '#titleTpl'}

然后再最后加上

<script type="text/html" id="titleTpl">
 
{{# if(d.username=='user-0'){ }}
 轉(zhuǎn)義用戶0
{{# } else if(d.username=='user-1') { }}
 轉(zhuǎn)義用戶1
{{# } else if(d.username=='user-2') { }}
嘎哈
{{# } else{}}
其他
{{# } }}
 
</script>

即可轉(zhuǎn)義，如圖所示：狀態(tài)列即為轉(zhuǎn)義后顯示中文‘有效'

以上這篇layui table設置前臺過濾轉(zhuǎn)義等方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

layui 對table中的數(shù)據(jù)進行轉(zhuǎn)義的實例

js最實用string(字符串)類型的使用及截取與拼接詳解
這篇文章主要介紹了js string使用截取與拼接，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-04-04
一個簡單的js漸顯(fadeIn)漸隱(fadeOut)類
最近發(fā)現(xiàn)項目用的表單驗證不好使，干脆一邊參考人家的一邊自己寫了一個。在驗證有錯誤返回提示信息用到漸顯(fadeIn)漸隱(fadeOut)過渡(因為瀏覽器的效率實在太高了，一下就蹦了出來~~)；
2010-06-06
JS快速實現(xiàn)簡單計算器
這篇文章主要為大家詳細介紹了JS快速實現(xiàn)簡單計算器，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-04-04
實例介紹JavaScript中多種組合繼承
在本篇文章里小編給大家分享了關于JavaScript中多種組合繼承的相關知識點內(nèi)容，有需要的朋友們學習下。
2019-01-01
淺說js變量
JavaScript 是弱類型, 變量可存儲任意類型, 并且運行期間類型可變
2011-05-05
JavaScript中的數(shù)組使用方法詳解
JavaScript數(shù)組是一種特殊類型的對象,用于存儲多個值,數(shù)組中的每個值都有一個索引,索引從0開始,數(shù)組中的值可以是任何數(shù)據(jù)類型,包括數(shù)字、字符串、布爾值、對象和函數(shù),
2024-10-10
淺談javascript alert和confirm的美化
window對象的alert和confirm標準方法在不同瀏覽器的顯示效果不太相同，有個相同點是都不是很美觀。本文對此解決方法進行介紹：使用js和css分別仿照它們，提供另一套函數(shù)，使在不同瀏覽器的有著相同的體驗效果。下面就跟小編一起來看下吧
2016-12-12
原生js仿寫手機端下拉刷新
這篇文章主要為大家詳細介紹了原生js仿寫手機端下拉刷新，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-08-08
Bootstrap警告框（Alert）插件使用方法
這篇文章主要為大家詳細介紹了Bootstrap 警告框（Alert）插件的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-03-03
JavaScript中document.forms[0]與getElementByName區(qū)別
在很多情況下JavaScript中document.forms[0]與getElementByName這兩種用法沒有區(qū)別，這片文章詳細的解釋了兩者的區(qū)別和用法，有興趣的朋友可以參考一下。
2015-01-01