layui中数据库中的值转换成文字的四种方法

<table class=”layui-table” lay-data=”{height:’full-100′,url:’sys-set/loadtest.action’, page:true, id:’ssTable’}” lay-filter=”editEvent”>
  <thead>
    <tr>
      <th lay-data=”{field:’role1′, width:180,templet: function(d){if(d.role1==’ ‘) return ‘未审批’; else if(d.role1==’1′) return ‘已同意’; else if(d.role1==’0′) return ‘未同意’;}}”>A</th>
      <th lay-data=”{field:’role2′, width:180,templet: function(d){if(d.role2==’ ‘) return ‘未审批’; else if(d.role2==’1′) return ‘已同意’; else if(d.role2==’0′) return ‘未同意’;}}”>B</th>
      <th lay-data=”{field:’role3′, width:180, templet: ‘#roleTpl’}”>C</th>
      <th lay-data=”{field:’role4′, width:180,templet: function(d){return getrolename(d.role4)}}”>D</th>
      <th lay-data=”{field:’role5′, width:180,templet: function(d){return getrolename(d.role4)}}”>E</th>
      <th lay-data=”{field:’role6′, width:180,templet: function(d){return getrolename(d.role5)}}”>F</th>
      <th lay-data=”{field:’remark’, width:200}”>备注</th>
      <th lay-data=”{fixed: ‘right’, width:160,  align:’center’, toolbar: ‘#operbar’}”>相关操作</th>
    </tr>
  </thead>
</table>

 <script type=”text/html” id=”roleTpl”>
        { {# if (d.role3=== ‘ ‘) { }}   
          未审批
        { {# } else if(d.role3=== ‘1’) { }}  
          同意
        { {# } else { }}  
          未同意
        { {# } }}
    </script>
第一种方式:(直接在列中判断)

<th lay-data=”{field:’role1′, width:180,templet: function(d){if(d.role1==’ ‘) return ‘未审批’; else if(d.role1==’1′) return ‘已同意’; else if(d.role1==’0′) return ‘未同意’;}}”>A</th>

第二种方式:(列中增加, templet: ‘#roleTpl,然后增加js声明id=roleTpl)
<th lay-data=”{field:’role3′, width:180, templet: ‘#roleTpl’}”>C</th>

 <script type=”text/html” id=”roleTpl”>
        { {# if (d.role3=== ‘ ‘) { }}   
          未审批
        { {# } else if(d.role3=== ‘1’) { }}  
          同意
        { {# } else { }}  
          未同意
        { {# } }}
    </script>

第三种方式:(列中写方法,在js里面调用)
<th lay-data=”{field:’role6′, width:180,templet: function(d){return getrolename(d.role5)}}”>F</th>

然后再js中写方法:

 <script type=”text/html” >
function getrolename(roleid){
    if(roleid==’ ‘) return ‘未审批’; else if(roleid==’1′) return ‘已同意’; else if(roleid==’0′) return ‘未同意’;
}
</script>

第四种方式:仅限有2个标志位的判断
<th lay-data=”{field:’role1′, width:180,templet: function(d){return d.sex==’0′?’男’:’女’}}”>A</th>
 

    原文作者:Fangforever
    原文地址: https://blog.csdn.net/liuyongfang0211/article/details/95748319
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞