我们经常会遇到,点击某条数据,子页面又要显示另外一个表格。
举例场景:后台有给用户发送优惠券的功能,用户列表每行数据有个按钮,点击就能弹出所有可用的优惠券。

首先,要显示优惠券表格,第一个想法可能就是将弹出的优惠列表,直接指向到之前写过的优惠券管理的列表。
但这样做,并不好实现。因为在优惠券管理那边肯定有==“添加”==或其他功能,你在给用户发送的时候,并不需要,所以如果这样,还得去判断是从哪个入口进来的,要显示什么,不显示什么。所以要做就是要把弹出优惠券列表和原本的优惠券管理分开来。那么,我为什么不直接新建个控制器,虽然代码和优惠券管理一样,但是因为是新的控制器,你不需要的东西完全可以去掉。而且,利用fastadmin命令行生成增删改查列表,分分钟的事情。
如图:

第二种方法:我们知道fastadmin的表格使用的是bootstrap,所以完全可以用bootstrap数据表格来构造。
首先,在表格内新增一个按钮。比如enrolluser,这时候,同样需要其中使用
Controller.api.bindevent();然后在开始子页面的数据表格的构建。fastadmin中写法如下,后台具体代码就不贴出来,只要按bootstrap要求的数据格式返回即可。
enrolluser : function(){
function a

本文介绍了在FastAdmin中如何处理点击数据后在子页面显示独立表格的场景,例如在用户列表中点击用户后弹出优惠券列表。通过新建控制器以避免功能混杂,并利用FastAdmin的命令行工具快速生成增删改查。另外,还提到了使用Bootstrap数据表格自定义构建子页面的方法,并解决了编辑后表格不自动刷新的问题,通过Form.api.bindevent回调刷新父页面。
最低0.47元/天 解锁文章

4432

被折叠的 条评论
为什么被折叠?



