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

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

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

    1600399632948380.png

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

    1600399839154391.png

    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 '<a href="' + Fast.api.cdnurl(value) + '" target="_blank"><img class="' + classname + '" src="' + Fast.api.cdnurl(value) + '" /></a>';

                       break;

                 case '3':

                       return '<a href="'+Fast.api.cdnurl(value)+'" target="_blank">点击播放</a>';

                       break;

                 case '4':

                       return '<a style="color: #18bc9c;" target="_blank" href="'  + Fast.api.cdnurl(value) + '">< 视频 ></a>';

                       break;

                 default:

                      return value;

           }

    },

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

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

  4. 效果图

    1600400786901165.png




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

发表评论