fastadmin 页面修改技巧之三:数据类型兼容

这里有两个重点，一是获取数据类型，二是根据数据类型做对应的js处理

1. 获取数据类型：这里我就偷懒了，在用户发送消息的时候，获取到存数据库。你也可以选择在js做正则判断获取类型

   

2. js处理：有了类型写对应操作很简单，直接上代码。路径：/public/assets/js/require-table.js

   

   message: function (value, row, index) {

   value = value ? value : ‘/assets/img/blank.gif’;

   //1文字,2图片,3语音,4视频

   switch(row.type) {

   case ‘1’:

   return value;

   break;

   case ‘2’:

   var classname = typeof this.classname !== ‘undefined’ ? this.classname : ‘img-sm img-center’;

   return ‘‘;

   break;

   case ‘3’:

   return ‘点击播放‘;

   break;

   case ‘4’:

   return ”;

   break;

   default:

   return value;

   }

   },

3. 引用。跟image用法一样，不明白我就贴代码

   {field: ‘message’, title: __(‘Message’) ,operate:false,formatter: Table.api.formatter.message,align:’left’},

4. 效果图

   

    

    

最后总结一下，这个功能其实很简单，但是很实用。希望大家也能多多挖掘fast的潜力，有问题欢迎留言

文章来源于互联网:fastadmin 页面修改技巧之三:数据类型兼容