fastadmin表格操作

fastadmin表格操作

表格按钮操作

表格上方按钮
此时url为:http://localhost/admin/store/store/coupon/ids/2?ref=addtabs
控制其显示的代码位置在对应路由的html页面,即view/store/store/coupon.html这里控制按钮的代码
refresh,add,edit,del,import分别代表了刷新,添加,编辑,删除和导入,根据业务,可以自行选择相应的按钮,把不需要的按钮对应的参数给去掉就okay了.
按钮所对应的链接设置是在与当前控制器相对应的js文件里面,如下:在这里插入图片描述

表格操作按钮的添加与调试

表格操作按钮的添加与调试
这个完全是用过js来控制的,具体位置在对应此文件的js里面,代码如下:

table.bootstrapTable({
                url: $.fn.bootstrapTable.defaults.extend.index_url,
                pk: 'id',
                sortName: 'id',
                columns: [
                    [
                        {checkbox: true},
                        {field: 'id', title: __('Id'), sortable: true},
                        {field: 'companyname', title: __('companyname')},
                        {field: 'img', title: __('img'),open:true,formatter: Table.api.formatter.image},
                        {field: 'shopid', title: __('shopid')},
                        {field: 'storename', title: __('storename')},
                        {field: 'username', title: __('username')},
                        {field: 'mobile', title: __('mobile')},
                        {field: 'remark', title: __('remark')},
                        {field: 'createtime', title: __('createtime'),formatter: Table.api.formatter.datetime,operate: 'RANGE',addclass: 'datetimerange', sortable: true},
                        {field: 'status', title: __('Status'), formatter: Table.api.formatter.status, searchList: {0: __('0'), 1: __('1'), 2: __('2')}},
                        {field: 'operate', title: __('Operate'), table: table, buttons: [
                                {name: 'goods', text: '店铺商品', title: '店铺商品', icon: 'fa fa-dollar', classname: 'btn btn-xs btn-primary btn-addtabs', url: 'store/store/goods'},
                                {name: 'gyGoods', text: '高佣商品', title: '高佣商品', icon: 'fa fa-thumbs-up', classname: 'btn btn-xs btn-primary btn-addtabs', url: 'store/store/gygoods'},
                                {name: 'orders', text: '店铺订单', title: '店铺订单', icon: 'fa fa-gg-circle', classname: 'btn btn-xs btn-primary btn-addtabs', url: 'order/order/index'},
                                {name: 'coupon', text: '店铺优惠券', title: '店铺优惠券', icon: 'fa fa-gg-circle', classname: 'btn btn-xs btn-primary btn-addtabs', url: 'store/store/coupon'},
                            ],events: Table.api.events.operate, formatter: Table.api.formatter.operate}
                    ]
                ]
            });

解释一下:添加按钮是在buttons里面进行添加,参数解释:name是该按钮的名字,text是该按钮鼠标悬浮时显示的文本,title和text对应,icon是按钮上面的图标,classname比较重要,btn-addtabs代表新增选项卡,.btn-dialog代表弹框,根据业务需要自行选择,url代表的是该按钮对应的链接

表格编辑按钮传递id操作

需要在当前页面对应的html加上这样一句话:如图
然后js里需要加上:js
php里面接受ids
在这里插入图片描述
这样通过接收到的id,就可以从数据库里面调用数据了

  • 8
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值