Laraval-admin 自定义form组件

创建自定义组件

在 app\Admin\Extensions下创建组件类

Laraval-admin 自定义form组件_第1张图片

组件类继承 Encore\Admin\Form\Field

Laraval-admin 自定义form组件_第2张图片

  • $view 指定该组件引入的视图
  • $css 引入CSS
  • $js 引入JS
    引入的资源都在 public 目录

记得要重写 render 方法,渲染自己的组件

    /**
     * Render this filed.
     *
     * @return \Illuminate\Contracts\View\Factory|\Illuminate\View\View
     */
    public function render()
    {
        $this->inputmask($this->options);
        $this->prepend($this->symbol)
            ->defaultAttribute('style', 'width: 120px')
            ->defaultAttribute('type', 'text')
            ->defaultAttribute('placeholder', $this->getPlaceholder());

        $this->addVariables([
            'prepend' => $this->prepend,
            'append' => $this->append,
        ]);

        return parent::render();
    }

Laraval-admin 自定义form组件_第3张图片

创建自定义组件视图

Laraval-admin 自定义form组件_第4张图片
组件视图和组件类可以参照源码的内容,当然也可以自己动手丰衣足食。

app\Admin\bootstrap.php 中让FORM类使用自定义类

<?php

/**
 * Laravel-admin - admin builder based on Laravel.
 * @author z-song 
 *
 * Bootstraper for Admin.
 *
 * Here you can remove builtin form field:
 * Encore\Admin\Form::forget(['map', 'editor']);
 *
 * Or extend custom form field:
 * Encore\Admin\Form::extend('php', PHPEditor::class);
 *
 * Or require js and css assets:
 * Admin::css('/packages/prettydocs/css/styles.css');
 * Admin::js('/packages/prettydocs/js/main.js');
 *
 */

use Encore\Admin\Grid;
use Encore\Admin\Form;

Encore\Admin\Form::forget(['map', 'editor']);
Form::extend('currencyRange', \App\Admin\Extensions\CurrencyRange::class);
Form::extend('numberRange', \App\Admin\Extensions\NumberRange::class);
Grid::init(function (Grid $grid) {
    $grid->disableExport();
});

Form::init(function (Form $form) {
    $form->disableEditingCheck();
    $form->disableCreatingCheck();
});

你可能感兴趣的:(Laravel)