LayUi數(shù)據(jù)表格自定義賦值方式
更新時(shí)間：2019年10月26日 09:39:36 作者：PHP開(kāi)光程序員
今天小編就為大家分享一篇LayUi數(shù)據(jù)表格自定義賦值方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
官方寫的非常抽象，反正我是沒(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)文章
js 禁止復(fù)制js 復(fù)制js 禁止右鍵 復(fù)制文件js 禁止 js禁止選擇 js禁止右鍵代碼2008-02-02
這篇文章主要介紹了怎樣控制input輸入框中提示信息的顯示和隱藏 ,需要的朋友可以參考下2014-02-02
Bootstrap每天必學(xué)之級(jí)聯(lián)下拉菜單
Bootstrap每天必學(xué)之級(jí)聯(lián)下拉菜單，主要應(yīng)用場(chǎng)合有省市級(jí)關(guān)聯(lián)菜單等，感興趣的小伙伴們可以參考一下2016-03-03
Vant?Weapp是有贊前端團(tuán)隊(duì)開(kāi)源的一套小程序UI組件庫(kù),助力開(kāi)發(fā)者快速搭建小程序應(yīng)用,下面這篇文章主要給大家介紹了關(guān)于uniapp使用Vant-weapp的最新方法教程,文中通過(guò)圖文介紹的非常詳細(xì),需要的朋友可以參考下2023-04-04
測(cè)試代碼真方便...2006-07-07
淺談javascript的call()、apply()、bind()的用法
這篇文章主要為大家詳細(xì)介紹了javascript的call()、apply()、bind()的用法，探討JavaScript中函數(shù)的一些特殊用法，感興趣的小伙伴們可以參考一下2016-02-02
這篇文章主要介紹了js去除瀏覽器默認(rèn)底圖的方法,可以實(shí)現(xiàn)圖片loading預(yù)加載效果,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-06-06
基于JavaScript實(shí)現(xiàn)復(fù)選框的全選和取消全選
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)復(fù)選框的全選和取消全選，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
javascript實(shí)現(xiàn)的一個(gè)帶下拉框功能的文本框
這篇文章主要介紹了javascript實(shí)現(xiàn)的一個(gè)帶下拉框功能的文本框,需要的朋友可以參考下2014-05-05
在Angular中，最好在一個(gè)頂級(jí)模塊中加載和配置路由，它專注于路由功能，然后由根模塊AppModule導(dǎo)入它，最后還有初始化并監(jiān)聽(tīng)瀏覽器的地址變化2023-01-01