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

释放双眼,带上耳机,听听看~!

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

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

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

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

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

    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 ‘fastadmin 页面修改技巧之三:数据类型兼容插图2‘;

    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. 效果图

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

     

     

 

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

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

人已赞赏
PHP学习笔记技术杂烩网站建设

企业付款到零钱

2020-11-17 17:53:18

Linux技术杂烩

Virtualbox 部署桥接网络

2020-11-17 17:53:20

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索