LayUi數(shù)據(jù)表格自定義賦值方式
官方寫的非常抽象,反正我是沒看懂,可能還沒到能看懂前端的級別
自己也是百度的
一開始想去實現(xiàn)一個
用的是
定義表頭參數(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)這個并不友好,比如說我php給他傳值,我想用<?=$v['status']?>,你會發(fā)現(xiàn)你傳到前端的數(shù)據(jù)都在layui給你定義好的參數(shù)data里面,這時候你的data又是死的所以只能通過前端來做變化
,{field: 'services', title: '開通服務(wù)', width:150, sort: true,align:'center', templet:function(d) { if (d.managerServices.length != 0) { services = ''; // 1:文章,2:問答,3:音頻,4:視頻' $.each(d.managerServices, function (k, v) { if (v.service_type == 1){ services += '文章'; } if (v.service_type == 2){ services += '/問答'; } if (v.service_type == 3){ services += '/音頻'; } if (v.service_type == 4){ services += '/視頻'; } }); return services; } else { return '未開通任何服務(wù)'; } }}
以上這篇LayUi數(shù)據(jù)表格自定義賦值方式就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
50行代碼實現(xiàn)Webpack組件使用次數(shù)統(tǒng)計
這篇文章主要介紹了50行代碼實現(xiàn)Webpack組件使用次數(shù)統(tǒng)計,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2021-03-03用JavaScript實現(xiàn)類似于ListBox功能示例代碼
這篇文章主要介紹了用JavaScript實現(xiàn)類似于ListBox功能,需要的朋友可以參考下2014-03-03Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本
Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本...2006-09-09js判斷radiobuttonlist的選中值顯示/隱藏其它模塊的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨s判斷radiobuttonlist的選中值顯示/隱藏其它模塊的實現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-08-08