1. 程式人生 > 其它 >layUI 表格中1:0轉換成男女 if else數字轉對應中文顯示

layUI 表格中1:0轉換成男女 if else數字轉對應中文顯示

技術標籤:前端layui

layUI 表格中if else數字轉對應中文顯示

在將資料放入表格中進行列表展示時不可避免的需要進行類似於字典碼轉換的工作,比如說資料庫中user表中的性別屬性,表中為了讀取操作的便利一般用0,1來代替女,男這兩個字元,但是資料到打前臺後必須要進行轉換顯示(當然也可以在後臺轉換~),如果不轉換就如下圖所示:
在這裡插入圖片描述

轉換程式碼很簡單,只需要在layUI的表格程式碼中新增上if語句判斷即可,程式碼如下:

var oaUserHolidyTable = tablePlus.render('oaUserHolidy-table', '/oa/userholidy', {
			formId: 'oaUserHolidy-query-form',
			cols: [[
				{type: 'numbers', width: 50, title: '序號', align: "center"},
                {field: 'name', title: '使用者名稱', align: "center"},
                {field: 'gender', title: '性別', align: "center", templet: function(d){if(d.gender == 1){return '男'}else{return '女'}}},
                {field: 'status', title: '狀態', align: "center" },
				{title: "操作", width: 120, align: "center",}
			]],
			page: true,
			queryTool: queryTool,
			cellTool: cellTool
		});

編譯後頁面展示如下所示:
在這裡插入圖片描述