创建自定义组件
在 app\Admin\Extensions下创建组件类
组件类继承 Encore\Admin\Form\Field
$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();
}
创建自定义组件视图
组件视图和组件类可以参照源码的内容,当然也可以自己动手丰衣足食。
在 app\Admin\bootstrap.php
中让FORM类使用自定义类
<?php
/**
* Laravel-admin - admin builder based on Laravel.
* @author z-song <https://github.com/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();
});