LayUi數(shù)據(jù)表格自定義賦值方式
更新時(shí)間：2019年10月26日 09:39:36 作者：PHP開(kāi)光程序員
今天小編就為大家分享一篇LayUi數(shù)據(jù)表格自定義賦值方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
官方寫(xiě)的非常抽象，反正我是沒(méi)看懂，可能還沒(méi)到能看懂前端的級(jí)別
自己也是百度的
一開(kāi)始想去實(shí)現(xiàn)一個(gè)
用的是
定義表頭參數(shù)：
{field: 'status', title: '狀態(tài)', width: 150, templet:'#manager_status',align:'center'}
然后js部分：
<script type="text/html" id="manager_status">
{{# if(d.status ==1 ){ }}
<span class="layui-btn layui-btn-xs" style="background: green">啟用</span>
{{# } else { }}
<span class="layui-btn layui-btn-xs" style="background: red">禁用</span>
{{# } }}
</script>
但是我發(fā)現(xiàn)這個(gè)并不友好，比如說(shuō)我php給他傳值，我想用<?=$v['status']?>,你會(huì)發(fā)現(xiàn)你傳到前端的數(shù)據(jù)都在layui給你定義好的參數(shù)data里面，這時(shí)候你的data又是死的所以只能通過(guò)前端來(lái)做變化
,{field: 'services', title: '開(kāi)通服務(wù)', width:150, sort: true,align:'center',
templet:function(d)
{
if (d.managerServices.length != 0) {
services = '';
// 1:文章，2:問(wèn)答，3:音頻，4：視頻'
$.each(d.managerServices, function (k, v) {
if (v.service_type == 1){
services += '文章';
}
if (v.service_type == 2){
services += '/問(wèn)答';
}
if (v.service_type == 3){
services += '/音頻';
}
if (v.service_type == 4){
services += '/視頻';
}
});
return services;
} else {
return '未開(kāi)通任何服務(wù)';
}
}}
以上這篇LayUi數(shù)據(jù)表格自定義賦值方式就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
antd?table長(zhǎng)表格出現(xiàn)滾動(dòng)條的操作方法
這篇文章主要介紹了antd?table長(zhǎng)表格如何出現(xiàn)滾動(dòng)條,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-06-06
這篇文章主要為大家詳細(xì)介紹了微信小程序日歷組件的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-12-12
JavaScript學(xué)習(xí)筆記之?dāng)?shù)組基本操作示例
這篇文章主要介紹了JavaScrip學(xué)習(xí)筆記之?dāng)?shù)組基本操作,結(jié)合實(shí)例形式分析了javascript數(shù)組的基本定義、添加、刪除、修改、連接、排序等操作技巧,需要的朋友可以參考下2019-01-01
50行代碼實(shí)現(xiàn)Webpack組件使用次數(shù)統(tǒng)計(jì)
這篇文章主要介紹了50行代碼實(shí)現(xiàn)Webpack組件使用次數(shù)統(tǒng)計(jì),文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
TypeScript函數(shù)和類(lèi)型斷言實(shí)例詳解
在某些情況下,我們會(huì)比TS更清楚一個(gè)數(shù)據(jù)的類(lèi)型,這種時(shí)候我們就可以使用斷言來(lái)告訴TS相信我,我知道自己在干什么,下面這篇文章主要給大家介紹了關(guān)于TypeScript函數(shù)和類(lèi)型斷言的相關(guān)資料,需要的朋友可以參考下2022-06-06
用JavaScript實(shí)現(xiàn)類(lèi)似于ListBox功能示例代碼
這篇文章主要介紹了用JavaScript實(shí)現(xiàn)類(lèi)似于ListBox功能,需要的朋友可以參考下2014-03-03
Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本
Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本...2006-09-09
JavaScript實(shí)現(xiàn)跟隨廣告的示例代碼
浮動(dòng)廣告是目前網(wǎng)站很常見(jiàn)的一種廣告形式,浮動(dòng)廣告能實(shí)時(shí)跟隨用戶(hù)的瀏覽,有效的傳達(dá)產(chǎn)品要表達(dá)的意思,達(dá)到很好的傳播效果。本文使用JavaScript實(shí)現(xiàn)跟隨廣告的示例代碼，感興趣的可以了解一下2021-11-11
js判斷radiobuttonlist的選中值顯示/隱藏其它模塊的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇js判斷radiobuttonlist的選中值顯示/隱藏其它模塊的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08
這篇文章主要介紹了uniapp微信小程序使用xr加載模型的操作方法,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧2024-07-07