Documentation · ViewHelper reference

Be / PageRendererViewHelper


View helper which allows you to create extbase based modules in the style of TYPO3 default modules.

Examples

All options

<f:be.pageRenderer pageTitle="foo" loadExtJs="true" loadExtJsTheme="false" extJsAdapter="jQuery" enableExtJsDebug="true" loadJQuery="true" includeCssFiles="0: '{f:uri.resource(path:\'Css/Styles.css\')}'" includeJsFiles="0: '{f:uri.resource(path:\'JavaScript/Library1.js\')}', 1: '{f:uri.resource(path:\'JavaScript/Library2.js\')}'" addJsInlineLabels="{0: 'label1', 1: 'label2'}" />

Output


Custom CSS file EXT:your_extension/Resources/Public/Css/styles.css and
JavaScript files EXT:your_extension/Resources/Public/JavaScript/Library1.js and EXT:your_extension/Resources/Public/JavaScript/Library2.js
will be loaded, plus ExtJS and jQuery and some inline labels for usage in JS code.

/
  • Tag usage example

    <f:be.pageRenderer pageTitle="''" loadExtJs="1" loadExtJsTheme="1" enableExtJsDebug="1" loadJQuery="1" includeCssFiles="{foo: 'bar'}" includeJsFiles="{foo: 'bar'}" addJsInlineLabels="{foo: 'bar'}" includeRequireJsModules="{foo: 'bar'}" jQueryNamespace="NULL">
    	<!-- tag content - may be ignored! -->
    </f:be.pageRenderer>
  • Inline usage example

    {f:be.pageRenderer(pageTitle: '''', loadExtJs: 1, loadExtJsTheme: 1, enableExtJsDebug: 1, loadJQuery: 1, includeCssFiles: {foo: 'bar'}, includeJsFiles: {foo: 'bar'}, addJsInlineLabels: {foo: 'bar'}, includeRequireJsModules: {foo: 'bar'}, jQueryNamespace: 'NULL')}

Arguments

Argument Description Type
addJsInlineLabels

Custom labels to add to JavaScript inline labels

array
enableExtJsDebug

if TRUE, debug version of ExtJS is loaded. Use this for development only

boolean
includeCssFiles

List of custom CSS file to be loaded

array
includeJsFiles

List of custom JavaScript file to be loaded

array
includeRequireJsModules

List of RequireJS modules to be loaded

array
jQueryNamespace

Store the jQuery object in a specific namespace

string
loadExtJs

specifies whether to load ExtJS library. Defaults to FALSE

boolean
loadExtJsTheme

whether to load ExtJS "grey" theme. Defaults to FALSE

boolean
loadJQuery

whether to load jQuery library. Defaults to FALSE

boolean
pageTitle

title tag of the module. Not required by default, as BE modules are shown in a frame

string
Required attribute

Revision history