fastadmin框架表格table自定义事件和自定义样

一、fastadmin的表格操作自带了些formatter渲染样式比如：

> `Table.api.formatter.icon` 快速将字段渲染成一个按钮，仅支持Fontawesome按钮

> `Table.api.formatter.image` 快速将字段渲染成图片展示的形式

> `Table.api.formatter.images` 快速将字段渲染成多图片展示的形式,字段数据请以`,`进行分隔

> `Table.api.formatter.status` 快速将字段渲染成状态，默认`normal/hidden/deleted/locked`这四个状态

> `Table.api.formatter.url` 快速将字段渲染成URL框

> `Table.api.formatter.search` 快速将字段渲染成可搜索的链接，点击后将执行搜索

> `Table.api.formatter.addtabs` 快速将字段渲染成可添加到选项卡的链接，点击后将把链接添加到选项卡

> `Table.api.formatter.flag` 快速将字段渲染成标志，仅支持`index/hot/recommend/new`这四种标志

> `Table.api.formatter.label` 快速将字段渲染Label标签

> `Table.api.formatter.datetime` 快速时间戳数据渲染成日期时间数据

> `Table.api.formatter.operate` 操作栏固定按钮

> `Table.api.formatter.buttons` 快速生成多个按钮

> `Table.api.formatter.toggle` 快速生成切换按钮

其中label、flag、status还可以用custom:{'key1':'danger'}这种方式来自定义样式颜色

二、fastadmin的表格操作自带了些events事件比如：

> `Table.api.events.operate` 操作增删改按钮事件

> `Table.api.events.image` 图片点击事件

三、如果上述两种方式和fastadmin自带的buttons属性都无法满足需求的话可以采用自定义事件和渲染样式如下：

//这是初始化表格 columns 属性的一个列的代码片段：
{field: 'component_ids', title: __('Component_ids'), operate: false,events:{
       // click事件 绑定到test1类上，e 事件对象， value 当前这个表格格子的值，row 当前行数据，index当前行索引值
       'click .test1':function (e,value,row,index) {
            //todo一些点击事件后要做的操作
            //打印dom对象
            console.log('this:',$(this));
        }
   },formatter:function (value, row, index) {
        //通过this对象获取当前列的属性
        console.log('title:',this.title);
        // value 当前这个表格格子的值，row 当前行数据，index当前行索引值
        return '<span class="glyphicon glyphicon-apple test1">dddddd</span>';
   }
},