wie auch auf öffentliche Ressourcen zu typo3 extbase extension

Baue ich eine extension erstellt, die ein backend-Modul, das es ermöglicht, be_users, Bilder zu verkleinern.
Ich bin versucht, hinzuzufügen /include css-und javascript-Dateien mit dem pageRenderer aber die Dateien sind nicht inbegriffen, ich kann nur für css hinzufügen, wenn Sie es direkt in dem fluid-Template mit einem style-tag und beinhalten die javascript-Datei mit einem script-tag.

Ich habe versucht, so etwas wie dies in den controller

protected $pageRenderer;

....

    $this->pageRenderer = \TYPO3\CMS\Core\Utility\GeneralUtility::makeInstance('TYPO3\\CMS\\Core\\Page\\PageRenderer');
    $this->pageRenderer->addCssFile('/typo3conf/ext/extKey/Resources/Public/css/styles.css');
    $this->pageRenderer->loadJquery();

habe auch versucht mit einem viewHelper

namespace Vendor\ExtKey\ViewHelpers;

class AddJsFileViewHelper extends \TYPO3\CMS\Fluid\ViewHelpers\Be\AbstractBackendViewHelper {

    public function render() {
        $doc = $this->getDocInstance();
        $pageRenderer = $doc->getPageRenderer();
        $pageRenderer->loadJquery();
    }
}

und in meinem Template

{namespace pager=Vendor\ExtKey\ViewHelpers}
<f:layout name="Default" />

<f:section name="main">
    <pager:addJsFile />

...

immer noch nichts

InformationsquelleAutor alex | 2014-01-10
  1. 5

    Ich bin mir nicht sicher, wie definieren Sie die Vorlage für Ihr backend, aber es scheint, dies geschieht in der Regel mit dem backend-container view Helfer, welches bereits Funktionen für das:

    <f:be.container
  addCssFile="{f:uri.resource(path:'css/style.css')}"
  addJsFile="{f:uri.resource(path:'js/scripts.js')}">

  [your templates content]

</f:be.container>
    • dieser Ansatz ist auch arbeiten. aber passiert, wenn Sie möchten, um mehr als eine Datei ?
    • Das ist nicht möglich, mit diesem Ansatz. Man könnte auch argumentieren, dass es nicht getan werden sollte der Einfachheit halber so oder so, aber ich merke, dass zumindest für die JS-das ist die Art von hart, wenn Sie möchten verwenden von Bibliotheken mit Ihrem eigenen code. Beachten sollte man, dass es ein paar Bibliotheken, die bereits über zusätzliche Optionen, nämlich: leadExtJs, loadPrototype und loadScriptaculous. Für mehr info schauen sysext/fluid/Classes/ViewHelpers/Be/ContainerViewHelper.php
    • ich meine, es ist nicht eine gute Idee, um Bibliotheken zu laden, in jeder Vorlage, aber in diesem Fall gibt es nur eine Vorlage und die Bibliothek im interessiert in nicht geladen werden kann über das Pagerender::loadJquery()
    • Sie können mehr, denn es wird ein array typo3.org/api/typo3cms/...
    • Auch mit TYPO3 v7 können Sie nutzen requirejs zum laden von Modulen scripting-base.de/blog/requirejs-backend-1.html
    InformationsquelleAutor gsnerf
  2. 3

    In TYPO3 7.6.X, Es hat so zu sein wie folgende

    <f:be.container
     includeCssFiles="{style:'{f:uri.resource(path:\'css/style.css\')}'}"
     includeJsFiles="{script:'{f:uri.resource(path:\'js/script.js\')}'}"
    >
<!-- Template Code -->
</f:be.container>

    Als includeCssFiles und includeJsFiles erfordert array übergeben werden, wir
    kann eine beliebige Anzahl von js und css.

    InformationsquelleAutor Mihir Bhatt
  3. 1

    ich denke, das problem war meine ViewHelper müssen renderChilden und die start - /end-Seite

    aktuellen Implementierung ist, wie dies

    den ViewHelper

    namespace Vendor\ExtKey\ViewHelpers;

class AddPublicResourcesViewHelper extends  \TYPO3\CMS\Fluid\ViewHelpers\Be\AbstractBackendViewHelper {

    public function render() {
        $doc = $this->getDocInstance();
        $pageRenderer = $doc->getPageRenderer();
        $extRelPath = \TYPO3\CMS\Core\Utility\ExtensionManagementUtility::extRelPath("ext_key");

        $pageRenderer->addCssFile($extRelPath . "Resources/Public/css/styles.css");

        $pageRenderer->loadJquery();
        $pageRenderer->addJsFile($extRelPath . "Resources/Public/js/app.js");

        $output = $this->renderChildren();
        $output = $doc->startPage("title") . $output;
        $output .= $doc->endPage();

        return $output;
    }
}

    die Vorlage

    {namespace pager=Vendor\ExtKey\ViewHelpers}
<f:layout name="Default" />

<f:section name="main">
<pager:addPublicResources />

    Pagerender::loadJjquery arbeitet und zugänglich wie dieses 

    TYPO3.jQuery(function($) {

});
    InformationsquelleAutor alex
Schreibe einen Kommentar