FastAdmin 個人記錄 - Bootstrap 自定義按鈕

bootstrap 按鈕 color 屬性#

color	class
白	btn
深藍	btn btn-primary
淺藍	btn btn-info
綠	btn btn-success
黃	btn btn-warning
紅	btn btn-danger

table 按鈕根據權限顯示#

index.html table 標籤增加 data-operate-{name} name = 按鈕名
對應的 js 增加自定義按鈕

<table id="table" class="table table-striped table-bordered table-hover table-nowrap"
       data-operate-edit=false
       data-operate-del=false
       data-operate-ban="{:$auth->check('')}"
       width="100%">
</table>

buttons: [{
    name: '',
    text: '',
    title: '',
    classname: 'btn btn-xs btn-danger btn-dialog',
    icon: 'fa fa-ban',
    url: '',
    extend: 'data-area=\'["50%", "70%"]\'',
    callback: function (data) {
    },
    visible: function (row) {
        //返回true時按鈕顯示,返回false隱藏
        return true;
    }
}]

自定義按鈕定義 class#

功能	class
彈出框	btn btn-dialog
請求	btn btn-ajax
點擊	btn btn-click

例子

//data-url  按鈕地址
//data-area 彈出框大小
<a href="javascript:;" data-url="" data-area='["950px", "750px"]' class="btn btn-success btn-dialog" title="{:__('Switch')}" ><i class="fa fa-list"></i> {:__('Switch')}</a>

{field: 'operate', title: __('Operate'), table: table,
    buttons:[
    {
        name: 'copy',
        text: __('Copy Bankcard'),
        title: __('Copy Bankcard'),
        icon: 'fa fa-copy',
        classname: 'btn btn-xs btn-info btn-click',
        click: function (t,row) {
            Layer.msg('點擊事件');
            return false;
        }
    },
]},