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