fastadmin自定义列表右侧操作按钮

admin

1. {
   
2.     field: 'buttons',
   
3.     width: "120px",
   
4.     title: __('按钮组'),
   
5.     table: table,
   
6.     events: Table.api.events.operate,
   
7.     buttons: [
   
8.         {
   
9.             name: 'detail',
   
10.             text: __('弹出窗口打开'),
    
11.             title: __('弹出窗口打开'),
    
12.             classname: 'btn btn-xs btn-primary btn-dialog',
    
13.             icon: 'fa fa-list',
    
14.             url: 'example/bootstraptable/detail',
    
15.             callback: function (data) {
    
16.                 Layer.alert("接收到回传数据：" + JSON.stringify(data), {title: "回传数据"});
    
17.             },
    
18.             visible: function (row) {
    
19.                 //返回true时按钮显示,返回false隐藏
    
20.                 return true;
    
21.             }
    
22.         },
    
23.         {
    
24.             name: 'ajax',
    
25.             text: __('发送Ajax'),
    
26.             title: __('发送Ajax'),
    
27.             classname: 'btn btn-xs btn-success btn-magic btn-ajax',
    
28.             icon: 'fa fa-magic',
    
29.             url: 'example/bootstraptable/detail',
    
30.             confirm: '确认发送',
    
31.             success: function (data, ret) {
    
32.                 Layer.alert(ret.msg + ",返回数据：" + JSON.stringify(data));
    
33.                 //如果需要阻止成功提示，则必须使用return false;
    
34.                 //return false;
    
35.             },
    
36.             error: function (data, ret) {
    
37.                 console.log(data, ret);
    
38.                 Layer.alert(ret.msg);
    
39.                 return false;
    
40.             }
    
41.         },
    
42.         {
    
43.             name: 'addtabs',
    
44.             text: __('新选项卡中打开'),
    
45.             title: __('新选项卡中打开'),
    
46.             classname: 'btn btn-xs btn-warning btn-addtabs',
    
47.             icon: 'fa fa-folder-o',
    
48.             url: 'example/bootstraptable/detail'
    
49.         }
    
50.     ],
    
51.     formatter: Table.api.formatter.buttons
    
52. }

复制代码

1、弹出窗口打开页面包含一个回调函数callback和一个控制可见的visible函数。
其中visible可按照如下代码通过条件判断使用：

1. visible: function (row) {
   
2.                                         //返回true时按钮显示,返回false隐藏
   
3.                                         console.log(row)
   
4.                                         if (row.status == 1) {
   
5.                                             return false;
   
6.                                         } else {
   
7.                                             return true
   
8.                                         }
   
9.                                        
   
10.                                     }

复制代码

text是按钮显示问题，titile是将鼠标放到按钮上显示的问题提示，icon是按钮文字前的图标，classname是按钮的颜色大小样式控制css。

formatter: Table.api.formatter.buttons

最后的这个可以换成如下：

formatter: Table.api.formatter.operate

可控制右侧操作按钮是否浮动，如下图所示：


如果想在新的页面选项卡内打开窗体，则不要加入回调函数和其他函数。采用第三种方式。