Fastadmin--在表格上方增加一个可以弹出编辑框的按钮

操作步骤:

1、在控制器中添加对应的方法,处理相关逻辑,例如:migrate;

2、在视图中添加html页面,注意视图文件中的form id,例如:migrate.html,视图文件表单id为:id="migrate-form";

3、在对应视图文件夹下的index.html文件中,新增按钮:

<a href="javascript:;" class="btn btn-warning btn-migrate btn-disabled disabled {:$auth->check('site/article/article/migrate')?'':'hide'}" title="{:__('迁移')}" ><i class="fa fa-exchange"></i> {:__('迁移')}</a>

4、在对应的JS文件中,增加:

4.1、

migrate_url: 'site/article/article/migrate',//20231204新增迁移按钮

4.2、

        //20231204新增迁移按钮
        migrate: function () {

            Form.api.bindevent($("form[role=form]"), function () {}, function () {}, function (success, error) {
                layer.confirm('是否确认迁移!', {
                    btn: ['确定', '取消'] //按钮
                }, function (index) {
                    Form.api.submit($("form[role=form]"), function (data, ret) {
                        //如果我们需要在提交表单成功后做跳转,可以在此使用location.href="链接";进行跳转
                        setTimeout(function () {
                            parent.Layer.close(parent.Layer.getFrameIndex(window.name));
                            //刷新列表
                            parent.$(".btn-refresh").trigger("click");
                        }, 1000);
                    });
                    Layer.close(index);
                }, function () {
                });
                return false;
            });

            // Controller.api.bindevent();
        },

5、修改系统JS文件:(系统JS文件位置:public/assets/js/require-table.js)

5.1、

 migrate: '.btn-migrate',//20231204新增迁移按钮

5.2、

            //20231204新增迁移按钮
            migrate: {
                name: 'migrate',
                icon: 'fa fa-exchange',
                title: __('迁移'),
                extend: 'data-toggle="tooltip" data-container="body"',
                classname: 'btn btn-xs btn-waring btn-migrateone'
            },

5.3、

在系统js中的:

api: {
   // 绑定事件
   bindevent: function (table) {
    .......
   }

}

添加下面的语句(复制的原来的edit相关的语句,进行部分修改)

                //20231204新增迁移按钮
                toolbar.on('click', Table.config.migrate, function () {
                    var ids = Table.api.selectedids(table);
                    var url = options.extend.migrate_url;
                    url = Table.api.replaceurl(url, {ids: ids.length > 0 ? ids.join(",") : 0}, table);
                    Fast.api.open(url, $(this).data("original-title") || $(this).attr("title") || __('Add'), $(this).data() || {});
                });

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值