LayUi數據表格自定義賦值方式

 更新時間:2019年10月26日 09:39:37   作者:PHP開光程序員   我要評論
今天小編就為大家分享一篇LayUi數據表格自定義賦值方式,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧

官方寫的非常抽象,反正我是沒看懂,可能還沒到能看懂前端的級別

自己也是百度的

一開始想去實現一個

用的是

定義表頭參數:

{field: 'status', title: '狀態', 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>

但是我發現這個并不友好,比如說我php給他傳值,我想用<?=$v['status']?>,你會發現你傳到前端的數據都在layui給你定義好的參數data里面,這時候你的data又是死的所以只能通過前端來做變化

,{field: 'services', title: '開通服務', 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 '未開通任何服務';
    }
  }}

以上這篇LayUi數據表格自定義賦值方式就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關文章

  • 深入認識javascript中的eval函數

    深入認識javascript中的eval函數

    發現為本文起一個合適的標題還不是那么容易,呵呵,所以在此先說明下本文的兩個目的.
    2009-11-11
  • 使用 JScript 創建 .exe 或 .dll 文件的方法

    使用 JScript 創建 .exe 或 .dll 文件的方法

    JScript 是由微軟開發的活動腳本語言,基于 ECMAScript 規范實現。Internet Explorer 中的 JavaScript,實際上是指 JScript。
    2011-07-07
  • Javascript圖片上傳前的本地預覽實例

    Javascript圖片上傳前的本地預覽實例

    圖片的上傳預覽功能主要用于圖片上傳前的一個效果的預覽,這篇文章主要介紹了Javascript圖片上傳前的本地預覽實例,需要的朋友可以參考下
    2014-06-06
  • JS實現調用本地攝像頭功能示例

    JS實現調用本地攝像頭功能示例

    這篇文章主要介紹了JS實現調用本地攝像頭功能,結合實例形式分析了Javascript基于瀏覽器對本地硬件操作簡單實現技巧,需要的朋友可以參考下
    2018-05-05
  • Webpack框架核心概念(知識點整理)

    Webpack框架核心概念(知識點整理)

    webpack 是一個現代 JavaScript 應用程序的模塊打包器(module bundler)。這篇文章主要介紹了Webpack框架核心概念(知識點整理),需要的朋友可以參考下
    2017-12-12
  • js中各瀏覽器中鼠標按鍵值的差異

    js中各瀏覽器中鼠標按鍵值的差異

    我們知道標準鼠標有左,中,右三個鍵。鼠標按下時如何判斷按下的是哪個鍵呢?
    2011-04-04
  • JSONP基礎知識詳解

    JSONP基礎知識詳解

    JSONP是JSON with padding(填充式JSON或參數式JSON)的簡寫,是應用JSON的一種新方法,常用于務器與客戶端跨源通信,在后來的Web服務中非常流行。本文將詳細介紹JSONP,下面跟著小編一起來看下吧
    2017-03-03
  • 使用原生js封裝webapp滑動效果(慣性滑動、滑動回彈)

    使用原生js封裝webapp滑動效果(慣性滑動、滑動回彈)

    這篇文章主要介紹了使用原生js封裝webapp滑動效果,具有慣性滑動、滑動回彈功能,需要的朋友可以參考下
    2014-05-05
  • CSS3 動畫卡頓性能優化的完美解決方案

    CSS3 動畫卡頓性能優化的完美解決方案

    今天小編就為大家分享一篇關于css3 動畫卡頓性能優化的完美解決方案,小編覺得內容挺不錯的,現在分享給大家,具有很好的參考價值,需要的朋友一起跟隨小編來看看吧
    2018-09-09
  • JavaScript正則表達式和級聯效果

    JavaScript正則表達式和級聯效果

    正則表達式(regular expression)是一種字符串匹配的模式,用來檢查一個字符串中是否包含指定模式的字符串。下面通過本文給大家分享JavaScript_正則表達式和級聯效果,感興趣的朋友一起看看吧
    2017-09-09

最新評論

福建体育彩票时时彩11