akicreative/akiforms

集成了Bootstrap表单生成器。

安装数: 1,805

依赖者: 0

建议者: 0

安全: 0

星标: 0

关注者: 1

分支: 0

公开问题: 0

语言:JavaScript

类型:

2.0.0 2020-11-07 05:51 UTC

This package is auto-updated.

Last update: 2024-09-07 16:49:12 UTC


README

此包旨在为Laravel / Bootstrap创建表单。

此包还在学习如何构建包的过程中使用,因此不期望一般公众使用,且可靠性无法保证。

新版本

自行承担风险。

安装

模型

use AkiCreative\AkiForms\Models\Akiasset;

资源

Route::get('/asset/private/{id}/private/{filename}', 'AkiCreative\AkiForms\AssetController@private')->name('aki.asset.private');

AkiForm类

初始化

$ar = new Akiform($errors, []);

参数

var $errors = []; var $tabindex = 1; var $echo = true; var $csrf = true; var $horizontal = false; var $horizontalleft = 'col-md-3'; var $horizontalright = 'col-md-9'; var $size = 'form-control-sm'; var $defaults = []; var $constrainform = ''; var $inlinelist = false; var $openform = false; var $viewmode = false;

复选框开关

$ar->build('switch', 'Label', 'name', ['checkboxvalues' => [['test1', 'This is a test']]]);

日期选择器

此日期选择器使用模态弹出窗口显示日历。

$ar->build('datepicker', 'Label', 'name', []);

选项

datepickertoday = [false] datepickerclear = [true]

配置

$dpcfgs = [
	'yearstart' => date("Y"),
	'yearend' => date("Y") + 5,
	'startrange' => '',
	'endrange' => '',
	'exclude' => '',
	'datepickerformat' => 'd/m/Y'
];

包含类

您必须在页面的底部脚本部分包含该类。

AkiForm::datepickerjs();

灯箱

向页面添加一个灯箱,它会根据您发送的链接动态更改。

按钮和触发器

<a href="#" data-toggle="modal" data-target="#akilightbox" data-url="#">Text</a>

在脚本中

AkiForm::lightboxjs();

更新日志

删除标签。

描述列表

一般列表,会根据响应式布局紧凑。它还会添加行分隔符

吐司

$.post('{{ route('aki.toast') }}', { header: header, body: body }, function(result) {

	$('#toastcontainer').append(result);

});

即将推出。