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

Question

我在控制器级别使用 TYPO3 8 的新页面渲染器通过 initializeAction 添加扩展特定的 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()可以删除您的方法。

顺便说一句：我建议将JavaScriptJavaScript 资源用作目录名称以符合 TYPO3 约定。