README

此包提供了 Nette 框架（例如 Bootstrap 模态框）的简单模态框管理。

组件列表

Modal - 模态框的抽象类
ConfirmationModal - 简单的确认模态框

安装

最佳安装方式是使用 Composer

$ composer require brosland/modals

1. （可选）在 neon 配置中注册 DI 扩展 ModalsExtension。如果您使用 Bootstrap 4，则可以跳过此步骤。

brosland.modals:
	version: 'v5'

extensions:
	brosland.modals: Brosland\Modals\DI\ModalsExtension

2. 设置 ModalManager：最佳实践是在您的基演示者中完成。

添加 ModalManagerTrait
实现接口 ModalManager
在 beforeRender 方法中添加模态框的更新

use Brosland\Modals\UI\ModalManager;
use Brosland\Modals\UI\ModalManagerTrait;
use Nette\Application\UI\Presenter;

abstract class BasePresenter extends Presenter implements ModalManager
{
	use ModalManagerTrait;

	protected function beforeRender(): void
	{
		parent::beforeRender();

		$this->updateModal();
	}

	// ...

3. 在您的基布局中添加模态框占位符

{snippet modal}{ifset $modal}{control $modal}{/ifset}{/snippet}

4. 安装 Webpack 和 Naja。

5. 将 src/Brosland/Modals/UI/Modal.js 复制到您的 JavaScript 文件夹中，并在 Naja 中注册。

6. 不要忘记重建 Webpack 包。

brosland / modals

维护者

详细信息

README

安装