fastadmin 自定义按钮,表单弹窗功能

作者: wxfeng 分类: php 发布时间: 2021-01-07 17:39    阅读 751 次

实现功能:fastadmin表格操作列 添加自定义按钮,点击按钮实现弹窗功能,弹窗显示表单,提交弹窗内的表单,自动关闭弹窗并返回提示操作结果。

js:

{
    field: "operate",
    title: __("Operate"),
    table: table,
    events: Table.api.events.operate,
    formatter: Table.api.formatter.operate,
    buttons: [
      {
        name: "clone",
        text: "克隆",
        title: "克隆",
        classname: "btn btn-xs btn-primary btn-dialog",
        icon: "fa fa-clone",
        url: "task/clone",
      },
    ]
}
***
clone: function () {
 Controller.api.bindevent();
},
控制器:
public function clone($ids = NULL)
{
  $this->success('克隆成功!');
}

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

3条评论
  • 小白

    2021年3月30日 上午9:03

    这个HTML页面里怎么绑定事件?datetimepicker 组件不好使了。

    1. wxfeng

      2021年3月30日 下午12:38

      input的class属性添加datetimepicker。对应的js文件添加form绑定。
      html代码:

      <form role="form" method="POST" action="">
          <div class="col-lg-6">
              <input id="start" data-rule="required" placeholder="开始时间"
                     class="form-control datetimepicker" data-date-format="YYYY-MM-DD" type="text">
          </div>
          <div class="col-lg-6">
              <input id="end" data-rule="required" placeholder="结束时间"
                     class="form-control datetimepicker"
                     data-date-format="YYYY-MM-DD" type="text">
          </div>
      </form>
      

      对应的js文件代码:

      define(['jquery', 'bootstrap', 'backend', 'form'], function ($, undefined, Backend, Form) {
          var Controller = {
              index: function () {
                  Controller.api.bindevent();
              },
                   api: {
                  bindevent: function () {
                      Form.api.bindevent($("form[role=form]"));
                  }
              }
          };
          return Controller;
      });
      
      1. 小白

        2021年3月30日 下午1:32

        加上这个可以了 谢谢
        方法名: function () {
        Controller.api.bindevent();
        },

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注