定制 tokarskimarcin/laravel-admin-ext-modal-form 二次开发

按需修改功能、优化性能、对接业务系统,提供一站式技术支持

邮箱:yvsm@zunyunkeji.com | QQ:316430983 | 微信:yvsm316

tokarskimarcin/laravel-admin-ext-modal-form

Composer 安装命令:

composer require tokarskimarcin/laravel-admin-ext-modal-form

包简介

Extension allows create modal form

README 文档

README

preview

Requires

  • "php": ">=7.2.0",
  • "encore/laravel-admin": "~1.6"

Installation

Publishing

Execute command below to publish package. It will copy vendor resources to your application public directory.

php artisan vendor:publish --provider="Encore\ModalForm\ModalFormServiceProvider"

Update

To update assets of package add --force option to publishing command.

Documentation

1. Create modal button

Use Encore\ModalForm\Form\ModalButton class to create modal button. In constructor pass parameters (string $title, string $href)

use Encore\Admin\Layout\Content;
use Encore\Admin\Layout\Column;
use Encore\Admin\Layout\Row;
use Encore\Admin\Widgets\Box;
use Encore\ModalForm\Form\ModalButton;

class HomeController {
    ...
    public function index(Content $content)
    {
        return $content->row(function (Row $row){
                   $row->column(4, function (Column $column){
                       $box = new Box();

                        //creates modal button with `Modal` title and generated route
                       $modalButton = new ModalButton('Modal', route('modal-form.create'));
                       
                       $box->content($modalButton);
                       $column->append($box);
                   });
               });
    }
}

Methods

//overrides classes of html button tag
$modalButton->setClass('btn-primary');

//appends class to existing once
$modalButton->addClass('btn-primary');

//retrieving settled classes as string
$modalButton->getClasses();

//sets href
$modalButton->setHref('url');

//returns settled hrefg
$modalButton->getHref();

2. Form

Use modal form as regular Admin form

use \Encore\ModalForm\Form\ModalForm;

new ModalForm(new Administrator(), function (ModalForm $form){
    $form->display('id', 'ID');
    
    //set action for proper submitting
    $form->setAction(route('modal-index-route'));
});

Or by Modal facade like Admin facade

use \Encore\ModalForm\Facades\Modal;

Modal::form(new Administrator(), function (ModalForm $form){
    ...
});

Modal size can be changed:

$form->small();

$form->medium();

$form->large();

3. JS

Events are triggered on modal button.

Button selector:

$('a[data-form="modal"]');

####Events:

1. modelCreating

After modal form submit

2. modelFailed

On ajax response error

3. modelValidationFailed

On response validation error

4. modelCreated

On model creation success. While this events is triggered, model id can be found in button data. Id can be found there until new model is created

$('a[data-form="modal"]').on('modelCreated', (e) => {
    var createdModelId = $(e.target).data('model-id');
});

统计信息

  • 总下载量: 2.59k
  • 月度下载量: 0
  • 日度下载量: 0
  • 收藏数: 4
  • 点击次数: 0
  • 依赖项目数: 1
  • 推荐数: 0

GitHub 信息

  • Stars: 4
  • Watchers: 1
  • Forks: 3
  • 开发语言: PHP

其他信息

  • 授权协议: MIT
  • 更新时间: 2020-05-05

承接程序开发

PHP开发

VUE

Vue开发

前端开发

小程序开发

公众号开发

系统定制

数据库设计

云部署

网站建设

安全加固