如何通过控制器初始化操作和页面渲染器添加 css 和 js 文件?

Question

我在控制器级别使用 TYPO3 8 的新页面渲染器通过初始化操作添加特定于扩展名的 CSS 和 JS 文件：

public function initializeAction()
{
$extPath = ExtensionManagementUtility::siteRelPath(
$this->request->getControllerExtensionKey()
);
$extJs = $extPath . 'Resources/Public/Js/ext_booking_manager.min.js';
$extCss = $extPath . 'Resources/Public/Css/ext_booking_manager.css';
/** @var PageRenderer $pageRenderer */
$pageRenderer = $this->objectManager->get(PageRenderer::class);
$pageRenderer->addCssFile($extCss);
$pageRenderer->addJsFooterFile(
$extJs, 'text/javascript', false
);
}

这有时工作正常，但只是有时。这意味着有时css文件和js文件将被正确添加，有时如果我重新加载页面，则文件将无法正确添加。有什么问题吗？

对于像TYPO3 7这样的旧版本，我使用了类似的东西：

public function initializeAction()
{
$extPath = ExtensionManagementUtility::siteRelPath(
$this->request->getControllerExtensionKey()
);
$extJs = $extPath . 'Resources/Public/Js/ext_booking_manager.min.js';
$GLOBALS['TSFE']->getPageRenderer()->addJsFooterFile(
$extJs, 'text/javascript', false
);
parent::initializeAction();
}

但这不再适用于 TYPO3 8。有什么建议吗？

Answer 1

请注意，TYPO3 v8 中使用模板中的HeaderAssets和FooterAssets部分提供了不同的方法。因此，您的操作模板可能如下所示：

Your template code
<f:section name="FooterAssets">
<link rel="stylesheet" href="{f:uri.resource(path: 'Css/ext_booking_manager.css')}"/>
<script src="{f:uri.resource(path: 'Js/ext_booking_manager.min.js')}"></script>
</f:section>

这样，控制器中不需要任何资源逻辑，因此可以删除initializeAction()方法。

顺便说一句：我建议使用JavaScript作为 JavaScript 资源的目录名称，以符合 TYPO3 约定。

Answer 2

在 TYPO3 中，8getPageRenderer()方法被弃用。您可以在此处查看已弃用的方法。

现在你可以在TYPO3 8中使用这种方法 喜欢这个解决方案