场景
FastAdmin Table列表通过操作栏,打开新的页面。需要找到行对应的数据。
点击自定义操作按钮,打开新页面。按照行索引ID进行搜索。
JS中实现:
代码:
table.bootstrapTable({
url: $.fn.bootstrapTable.defaults.extend.index_url,
pk: 'id',
sortName: 'id',
search: false,
showExport: false,
showToggle: false,
showColumns: false,
searchFormVisible: false,
commonSearch:false,
columns: [
[
{checkbox: true},
{field: 'id', title: __('Id')},
{field: 'place.name', title: __('Place.name'), operate: 'LIKE'},
{field: 'pager.name', title: __('Pager.name'), operate: 'LIKE'},
{field: 'stem.name', title: __('Stem.name'), operate: 'LIKE'},
{field: 'createtime', title: __('Createtime'), operate:'RANGE', addclass:'datetimerange', autocomplete:false, formatter: Table.api.formatter.datetime}
]
],
queryParams:function (params) {
var place_id = Fast.api.query('ids');
var filter = typeof params.filter == "undefined" ? {} : JSON.parse(params.filter);
var op = typeof params.op == "undefined" ? {} : JSON.parse(params.op);
filter.place_id = place_id;
op.place_id = '=';
params.filter = JSON.stringify(filter);
params.op = JSON.stringify(op);
return params;
}
});
最终通过自定义参数,展示对应的数据。