layui根据条件显示列_templet渲染layui表格数据的三种方式
layui前端框架是我一直在使用,也很好用。
今天記錄一下,templet渲染layui表格數(shù)據(jù)的三種方式。
第一種:直接渲染(對(duì)于表格數(shù)據(jù)樣式要求不高)
直接在動(dòng)態(tài)表格字段聲明,添加templet屬性,在其后面加上簡(jiǎn)單html代碼。({{d.name}}這個(gè)是layui內(nèi)置的模板輸出){ field: 'name',width: 180,align:"center",title: '用戶名',
templet:"
{{d.name}}"}},第二種:先處理數(shù)據(jù)再顯示(適用于數(shù)據(jù)進(jìn)一步優(yōu)化)
在script聲明函數(shù),例如下面:將時(shí)間戳數(shù)據(jù)(10位數(shù))改為時(shí)間格式function formatDate(timestamp) {
var now = new Date(timestamp*1000);
var year=now.getFullYear();
var month=now.getMonth()+1;
var date=now.getDate();
var hour=now.getHours();
var minute=now.getMinutes();
var second=now.getSeconds();
return year+"-"+month+"-"+date+" "+hour+":"+minute+":"+second;
}
在添加上面執(zhí)行代碼,如下:{ field: 'time',width: 180,align:"center",title: '訪問(wèn)時(shí)間',
templet: function (d){
return formatDate(d.time);
}},
最終顯示:2019-8-5 18:3:3
第三種:使用layui內(nèi)置數(shù)據(jù)模板(適合精美的樣式)
直接在動(dòng)態(tài)表格字段聲明,添加templet屬性,并設(shè)置值為要訪問(wèn)script標(biāo)簽的ID{ field: 'status', title: '是否開啟',templet: '#statusFun' },
上面那個(gè)'#statusFun',鏈接的是下面代碼:
{{# if(d.status == 1){ }}
開啟{{# } else { }}
開啟{{# } }}
總結(jié)
以上是生活随笔為你收集整理的layui根据条件显示列_templet渲染layui表格数据的三种方式的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: python可选参数位置_每个位置参数的
- 下一篇: 2019小程序没必要做了_2019微信小