EXT: Ext JS¶

Table of Contents¶

EXT: Ext JS 1

Introduction 1

Users manual 1

Example code 1

Configuration 2

Adapters 3

Backend 3

Known problems 3

Changelog 3

Introduction¶

Ext is a client-side, JavaScript framework for building web applications (by Jack Slocum). This extension provide Ext itself and a PHP library to easily implement it from PHP.

This extension is only useful for PHP developers!

Ext is a third party library (independent from TYPO3) and uses it's own license.

Ext is licensed under the LGPL-license (see http://extjs.com/license).

Users manual¶

// include the file
require_once(t3lib_extMgm::extPath("extjs")."class.tx_extjs.php");
// define, which adapter to use
tx_extjs::setAdapter('yui');
// define, which css-template to use
tx_extjs::setResource('default');
tx_extjs::includeLib();

Configuration¶

There are five different configuration possibilities in three different ways ;-).

Configuration possibilities:

You can define, which adapter Ext should use.

You can define, which css Ext should use.

You can define, if you want the compressed or uncompressed javascript- code to be included.

You can define, if you want to have a special language.

You can define, if you want not to include any css-code.

Process order:

you can set the configuration in your extension

tx_extjs::setAdapter('yui');

tx_extjs::setResource('default');

tx_extjs::setCompressed(TRUE);

tx_extjs::setLanguage('de');

tx_extjs::setNoCSS(TRUE);

you can define these values through TypoScript

plugin.tx_extjs.adapter = yui

plugin.tx_extjs.resource = default

plugin.tx_extjs.compressed = true

plugin.tx_extjs.language = en

plugin.tx_extjs.no_css = true

the default values are used

adapter is set to “ext”

resource is set to “default”

compressed is set to “true”

language is set to nothing (buildin english is used)

css is included

Adapters¶

To save space for the extension I've removed the special adapter- libraries for jQuery and Prototype from this extension. If you want to use one of these adapters, you have to assure, that they are loaded, before this extension loads. For this you can simple use one of the existing extensions (e.g. jquery, script.aculo.us).

Backend¶

As of now, it is possible to use ExtJS in the Backend. Use all the set-functions as mentioned above, but instead of

tx_extjs::includeLib()

use

$returnArr = tx_extjs::BEincludeLib();

In the return-variable you will have an array with the following layout:

array(
'css' => '',
'js' => '',
'additional_js' => '',
)

Just place the respective content to the accordant places and everything should work.

Known problems¶

Nothing known.

Changelog¶

• 09.07.2007: Initial release with Ext version 1.0.1a
• 11.09.2007: included Backend function, included setting of BLANK_IMG_URL
• 11.09.2007: updated Ext to version 1.1.1, included the stand-alone adapter “ext”
• 11.09.2007: added possibility to include a language
• 11.09.2007: added possibility to flag, if css-files should be included or not
• 27.10.2008: updated Ext to version 2.2, removed backward-compatibility with version 1.1 in root-folder (everything is now in versions-dir) Thanks to Nils Dehl

EXT: Ext JS - 3