# 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; | |
} | |
}, | |
]}, |
