FastAdmin列表通过queryParams实现自定义传值

本文链接：https://blog.csdn.net/qq_36592808/article/details/130066382

文章讲述了如何在FastAdmin框架下，通过Table组件的自定义操作按钮，利用JS和queryParams功能，根据行索引ID在新页面中实现数据的搜索和显示。涉及到bootstrapTable的配置和JSON参数处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

场景

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;
                }
            });

最终通过自定义参数，展示对应的数据。