ExtJS Form Multi-Language Internationalization example

ExtJS is a JavaScript MVC framework used to create Rich UI components on Client side. We usually develop application in English language but application used by across the country need to support local country languages. Supporting Native country languages will help used in interact with system in better ways.

Today i am going to demonstrate you How we can create a ExtJS Form with different languages. I will use English (default), Arabic, Chinese and Hindi language. We will create a simple Login form with two textfiels that user can change its fieldLabel by just clicking on languages button given below the form.

To enable textfield label display different languages, i create an object with each Textfield that has its label in different language. When user click on any language button, changeLabel function will execute and dynamically set the fieldLabel to that language using Textfield’s setFieldLabel() method.

Output will look similar to as following screenshot…..

About the Author

has written 69 posts.

I Love Coding, Analyzing, Designing and doing it the right way. I am obsessed about learn anything new daily and sharing what I have learn each Day. This Blog is journey of my Zeal, going through step by step to the mountain of desire to become prefect. Google Wanna Hire me ?

Copyright © 2020 http://www.techzoo.org. All rights reserved.
Proudly powered by WordPress. Developed by 7Tech Solutions