• fastadmin使用笔记


    先贴一套官网挂的展示类型合集:

    Table.api.formatter.icon //渲染成图标按钮
    Table.api.formatter.image //渲染成单张图片
    Table.api.formatter.images //渲染成多张图片
    Table.api.formatter.content //内容自动截取
    Table.api.formatter.status //渲染成状态
    Table.api.formatter.normal //渲染成label
    Table.api.formatter.toggle //渲染成开关
    Table.api.formatter.url //渲染成文本框链接
    Table.api.formatter.search //渲染成搜索链接
    Table.api.formatter.addtabs //渲染成打开新选项卡链接
    Table.api.formatter.dialog //渲染成弹窗链接
    Table.api.formatter.flag //渲染成标志
    Table.api.formatter.label //渲染成标志
    Table.api.formatter.datetime //渲染成日期时间
    Table.api.formatter.operate //渲染成操作栏按钮
    Table.api.formatter.buttons //渲染成按钮组

    常用的以下:

    1.Table.api.formatter.datetime 渲染成时间日期

    一般curd一键生成的时候,会自动把time,_time渲染成 ,这种渲染能在通用搜索里面去搜索时间段筛选,支持对相关字段设定的如今天,昨天,近七天的数据筛选,也可以自定义选择区间,总体来讲好评;

    2.Table.api.formatter.toggle 渲染成开关

    这个东西快捷对数据的status进行显示隐藏的切换功能很友好,不过默认只支持status字段,如果需要支持其他字段,需要在对应的controller里面添加:

    protected $multiFields = "status,integral,discount,logo,shop";

    否则在非超级管理的账号会提示“没有权限”,算个小坑,避开就好评

    3.Table.api.formatter.image 和 Table.api.formatter.images

    渲染成单张多张图片,多张的支持以英文逗号隔开的图片路径字段,它能自己给你渲染成图组,可以点击大图切换;但是如果这个图片路径空的话就会破图,体验挺差;如果自定义formatter的话,点击放大就没效果了,投机取巧的解决方案如下:

                            {field: 'image', title: __('Image'), operate: false, events: Table.api.events.image, formatter: function (value, row, index){
                                    if(value==""||value==null||value==''){
                                        return "-";
                                    }else{
                                        return "<a href='javascript:'><img class='img-sm img-center' src='"+Fast.api.cdnurl(value)+"'></a>";//这里是重点
                                    }
                                }},

    Fast.api.cdnurl是require-table里面的引用,再往上追溯大概就是图片类型的渲染js会拼接设置的上传域名

    4.Table.api.formatter.label 和 Table.api.formatter.flag 和Table.api.formatter.normal

    感觉这俩好像是同一种作用,渲染成标签,支持点击快捷筛选同类型的数据,一般我会用来渲染死关联的数据,比如设置好了searchList是 {1:"大",2:"中",3:"小"},它可以自己找到value对应需要展示的内容显示成label,我以前没读文档的时候都是直接写死,太傻了hhh;不过这个标签好像没有颜色区分,都是label label-primary的颜色,颜色不能区分所以好评减半;normal有颜色区分,但是没有背景,能中和一下就好了

    5.Table.api.formatter.url 渲染出来是个文本框,文本框右边有个快捷访问链接的按钮,点击之后浏览器会开个新标签页去访问这个url

    未完待续...

    技术最菜,头发最少
  • 相关阅读:
    final和finally的区别
    ArrayList和LinkedList的区别
    collection和collections的区别
    第三次作业
    第二次作业
    第零次作业
    最后一次作业-- 总结报告
    第14、15教学周作业
    GridView去掉边框! 【转载于:http://magicpeng99.blog.sohu.com/】
    ASP.NET支持用Menu显示web.sitemap中定义好的网站链接 【转载】
  • 原文地址:https://www.cnblogs.com/gushengyan/p/14709590.html
Copyright © 2020-2023  润新知