Archive for ‘ExtJS’

ExtJS Grid with RowExpander plugin

ExtJS Grid with RowExpander plugin

Among many very important and useful plug-ins for ExtJS grid is RowExpander plug-in. It is particularly useful in the scenario where you have more date to show in grid but less space available on screen. In this case you can go for grid’s rowexpander plug-in. RowExpander is functionality where if user wants he can...

Full Post

ExtJS 4 Autocomplete ComboBox

ExtJS 4 Autocomplete ComboBox

ExtJS is one of the best client-side JavaScript widget frameworks which come with hundreds of build-in components and it’s also very easy to extend or customized those components. One of the most useful components is ComboBox. We can use combobox to populate groups of items on it, select one or multiple items and can...

Full Post

ExtJS 4: show confirmation dialog before closing Tab

ExtJS 4: show confirmation dialog before closing Tab

I was working on a requirement where in my TabPanel we have many tabs open parallelly. If user wants to close any if the tab, we should first ask user whether he really want to close this tab. If in the TabPanel we have only one tab remaining then we should not allow user...

Full Post

ExtJS textfield capture Caps Lock key event

ExtJS textfield capture Caps Lock key event

Many times when you create a login form which has password field, you need to make sure the user enter valid password. The changes of entering wrong password by the user may also lead to blocking of account. To minimize the error we can tell user to enter correct password and display error/warning message...

Full Post

ExtJS customized QuickTip example

ExtJS customized QuickTip example

ExtJS comes with a singleton class Ext.QuickTips (alternate name: Ext.tip.QuickTipManager) which provides attractive and customizable tooltips for any element. The QuickTips singleton is used to configure and manage tooltips globally for multiple elements in a generic manner. Today I am going to demonstrate how we can use this QuickTips to create a customized instruction...

Full Post

Ext JS 4 Spring MVC CRUD example

Ext JS 4 Spring MVC CRUD example

In my last post on ExtJS 4 MVC, I have demonstrated the use of ExtJS 4 MVC to create a simple Create-Read-Update-Delete application using ExtJS only. Today we will go to see how to use that ExtJS part for UI and use Spring MVC to manage the books records on server side using spring....

Full Post

Ext JS 4 CRUD example

Ext JS 4 CRUD example

While writing my Spring-Hibernate Integration post I realize that we (as a java developer) have so many frameworks available which can make life easy by rapidly developing so many common things using frameworks. This ease of development is not available in java particularly when you considering UI development, we still have to struggle with...

Full Post

ExtJS 4: RTL support

ExtJS 4: RTL support

Being a best, world class enterprise framework ExtJS support Internationalization and Right-to-Left language support. It means we can develop UI in ExtJS for users who do understand only languages like Arabic, Urdu, Persian etc. Today’s post is my effort of demonstrating ExtJS RTL support. If you want UI to support RTL as well as...

Full Post

ExtJS Form Multi-Language Internationalization example

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...

Full Post

ExtJS 4: file upload example using PHP

ExtJS 4: file upload example using PHP

ExtJS 4 has a very handy file component which can be used to upload files to server. Lets see today how to use ExtJS file component to upload file on server. I am using PHP to upload file but you can use Java, Ruby or C#. First, create a Ext.form.Panel with file component. Add...

Full Post

Copyright © 2017 TechZoo - Technology Blog. All rights reserved.
Proudly powered by WordPress. Developed by 7Tech Solutions