layUI templet表格數據轉換（1,0：男，女）

layUI if else if判斷 （templet屬性：數據表格中的展示數據替換）

• 第一步：在前端頁面上編輯對應的邏輯
• 第二步：與Table表中的某列相關聯
• 《END》

---

背景：從后台獲得的數據中有性別這一欄，表格中需要展示的是男女而不是展示0、1這樣的存在於數據庫中的字碼，因此需要轉換；

---

第一步：在前端頁面上編輯對應的邏輯

此段代碼放置位置任意（建議放在layUI表格上方），但是有一點需要注意，這個script標簽內只能放這一個邏輯代碼，不允許有其他不相關的js代碼或者其他邏輯的代碼；

<script type="text/html" id="table-gender">
                {{# if(d.gender=== 0) { }}  // 可以用 === 來表示等於
                    女
                {{# } else if(d.gender== 1) { }} // 也可以用 == 來表示等於，效果相差不大
                    男
                {{# } else { }}
                    保密
                {{# } }}
</script>

注意：

• 1、各個括號之間的邏輯嵌套，比較難以理解和記住，而且很容易就會多一個或者少一個；
• 2、 else if 是拆分開寫的，千萬不要寫成elseif；
• 3、如果判斷的分支只是是或否的話直接將else if 刪除掉即可；
• 4、參數比較時都有個d.，這個是layUI的固定語法，在d.后跟上所需要進行判定的參數即可；
• 5、判定等於時既可以用兩個等於號也可以用三個等於號，均是相等的意思 ；

---

第二步：與Table表中的某列相關聯

下面是原生的layUI框架的數據表格代碼，其中以

<script>
layui.use('table', function(){
  var table = layui.table;
  
  table.render({
    elem: '#test', 
    url:'/demo/table/user/',
    cellMinWidth: 80,
    ,cols: [[
      {field:'id', title: 'ID', sort: true},
      {field:'username',title: '用戶名'},
      {field:'gender', title: '性別', templet: '#table-gender'}
    ]]
  });
});
</script>

注意：

• 1、templet 屬性前有,。
• 2、 templet對應着之前設定的邏輯代碼的id值；

---

《END》