tokarskimarcin/laravel-admin-ext-modal-form 问题修复 & 功能扩展

解决BUG、新增功能、兼容多环境部署,快速响应你的开发需求

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

tokarskimarcin/laravel-admin-ext-modal-form

最新稳定版本:v0.1.5

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.57k
  • 月度下载量: 0
  • 日度下载量: 0
  • 收藏数: 4
  • 点击次数: 0
  • 依赖项目数: 1
  • 推荐数: 0

GitHub 信息

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

其他信息

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