ExtJs non-english Support

How to Include Languages Other than English in ExtJS ?

  1. We can specify Language in which we wish to display our messages.
  2. By default Ext objects are displayed in English.

English Language is By default included In -

ext-all.js
  1. If we want to Localize Ext Library by adding Non English Language then we can include required JS Files from “locale“.

Including Languages Other than English in ExtJS

Library Inclusion will be like this -

<linkrel="stylesheet"type="text/css"
   href="lib/extjs/resources/css/ext-all.css"/>
<script src="lib/extjs/adapter/ext/ext-base.js"></script>
<script src="lib/extjs/ext-all-debug.js"></script>
<script src="lib/extjs/build/locale/ext-lang-fr.js"></script>

We have included following file in order to use French Language to be rendered on the Front End / UI Side.

<script src="lib/extjs/build/locale/ext-lang-fr.js"></script>

Explanation :

Elements that are have been localized are —

  1. Calendar text
  2. Error messages
  3. Tool tip information messages
  4. Paging info
  5. Loading indicators.

Following File will localize existing Messages rendered on UI to Locale Language

ext-lang-XX.js

*XX : Locale Language