Fastadmin Table 表格操作
Table主动刷新
table.bootstrapTable('refresh');
Table 表格快捷搜索和Form搜索关闭
table.bootstrapTable({
url: $.fn.bootstrapTable.defaults.extend.index_url,
pk: 'id',
sortName: 'id',
fixedColumns: true,
search: false,
commonSearch: false,
searchFormVisible: false,
fixedRightNumber: 1,
});
Table 自定义按钮
{
field: 'operate',
title: __('Operate'),
table: table,
events: Table.api.events.operate,
formatter: Table.api.formatter.operate,
buttons: [
{
name: 'c_get',
title: __('关闭获取'),
text: '关闭获取',
classname: 'btn btn-xs btn-primary btn-magic btn-ajax',
icon: 'fa fa-remove',
visible: function (data) {
if (data.get_status == 1) {
return true;
}
},
url: function (data) {
return 'sitechild/setStatus?get_status=0&ids=' + data.id;
},
success: function () {
table.bootstrapTable('refresh');
}
},
{
name: 's_get',
title: __('开启获取'),
text: '开启获取',
classname: 'btn btn-xs btn-success btn-magic btn-ajax',
icon: 'fa fa-step-forward',
visible: function (data) {
if (data.get_status == 0) {
return true;
}
},
url: function (data) {
return 'sitechild/setStatus?get_status=1&ids=' + data.id;
},
success: function () {
table.bootstrapTable('refresh');
}
},
{
name: 'c_pub',
title: __('关闭发布'),
text: '关闭发布',
classname: 'btn btn-xs btn-primary btn-magic btn-ajax',
icon: 'fa fa-remove',
visible: function (data) {
if (data.pub_status == 1) {
return true;
}
},
url: function (data) {
return 'sitechild/setStatus?pub_status=0&ids=' + data.id;
},
success: function () {
table.bootstrapTable('refresh');
}
},
{
name: 's_pub',
title: __('开启发布'),
text: '开启发布',
classname: 'btn btn-xs btn-success btn-magic btn-ajax',
icon: 'fa fa-step-forward',
visible: function (data) {
if (data.pub_status == 0) {
return true;
}
},
url: function (data) {
return 'sitechild/setStatus?pub_status=1&ids=' + data.id;
},
success: function () {
table.bootstrapTable('refresh');
}
},
{
name: 'agree',
title: __('查看设置'),
text: '查看设置',
classname: 'btn btn-xs btn-danger btn-magic btn-dialog',
icon: 'fa fa-paper-plane-o',
extend: 'data-area=["95%","85%"]',
url: 'sitechild/edit',
},
{
name: 'agree',
title: __('查看问题'),
text: '查看问题',
classname: 'btn btn-xs btn-danger btn-magic btn-dialog',
icon: 'fa fa-folder-open-o',
extend: 'data-area=["95%","85%"]',
url: function (data) {
return 'questions/index?site.name=' + data.site.name + '&sitechild.name=' + data.name;
},
},
],
}
operate 自定义按钮打开弹窗
$('.btn-import-det').click(function (){
Fast.api.open('site/import', "导入问题");
});
operate 弹出窗口的大小
table.on('post-body.bs.table',function(){
$(".btn-editone").data("area",["80%","70%"]);
});
// 修改添加窗口的大小
$(".btn-add").data("area", ["80%", "70%"]);
// 修改编辑窗口的大小
$(".btn-edit").data("area", ["80%", "70%"]);
AJAX 联动搜索
`提示:这里请求的 接口返回数据字段必须为 id 必须 as 为 value
** 后端返回数据信息
{
"code": 1,
"msg": "success",
"data": [
{
"value": 1,
"name": "本地站点",
"status_text": ""
}
],
"url": "",
"wait": 3
}`
*** HTML代码
<div class="form-group">
<label for="c-avatar" class="control-label col-xs-12 col-sm-2">选择站点:</label>
<div class="col-xs-12 col-sm-8">
<div class="form-inline" data-toggle="cxselect" data-selects="first,second">
<select data-rule="required" class="first form-control " name="row[site_id]" data-url="site/list"></select>
<select data-rule="required" class="second form-control" name="row[sitechild_id]" data-url="sitechild/list" data-query-name="site_id"></select>
</div>
</div>
</div>
Fast.api.ajax
layer.confirm('是否确认发布选中的内容?', {
btn: ['确定', '取消'], // 按钮
title: '确认操作', // 弹窗标题
icon: 3, // 弹窗图标
shade: 0.4 // 遮罩透明度
}, function (index) {
layer.close(index); // 关闭确认弹窗
Fast.api.ajax({
type: "POST",
url: "questions/release",
data: {"ids": ids},
dataType: "json",
});
}, function (index) {
// 用户点击“取消”按钮
layer.close(index); // 关闭确认弹窗
});