Questions tagged [extjs4]

Please use this tag in relation to ExtJS 4.0 - 4.2; Ext JS 4 is the fourth major version of the JavaScript library for building Rich Internet Applications (RIA), and now includes an MVC architecture without the need to use plugins. Sencha has already released ExtJS 4.1 which has some significant changes compared to the last stable 4.0.7 release.

Ext JS 4 is a major advancement in JavaScript framework. With expanded functionality, faster performance, and improved efficiency, you can create incredible web apps for every browser. The framework has become the final release since April 26th 2011.

Note: Sencha has already released ExtJs 4.1 which has some rather significant changes comparing to last stable 4.0.7 release. Please use this tag in relation to ExtJs 4.0.7.

There is extjs4.1 tag for questions related to ExtJs 4.1 release.

Links for Starters:

See for more information.

5584 questions
12
votes
4 answers

ExtJs4 how to disable all fields and all buttons on a panel recursively

I'm trying to disable all clickable, editable components on my panel. Calling panel.disable() grays it out, but buttons are still clickable. The same result gives panel.cascade with a function that disables each component. What is the right way to…
Andrey Selitsky
  • 2,584
  • 3
  • 28
  • 42
12
votes
1 answer

Applying loadMask() to a single element in extjs?

How to apply loadMask to only one element, and not the whole browser width-height?default here, only one element is masked, and a messageBox is in center, inside this element and not the whole display... any ideas? EDIT: @Molecule , thanks,…
Davor Zubak
  • 4,726
  • 13
  • 59
  • 94
12
votes
2 answers

ExtJS 4: What is the Proper Way to Perform Inheritance

My code: Ext.onReady(function() { // Every property is declared inside the class Ext.define('MyCustomPanel1', { extend: 'Ext.panel.Panel', alias: 'mycustompanel1', title: 'I am a custom Panel 1', html: 'This is the content of my…
Levi Hackwith
  • 9,232
  • 18
  • 64
  • 115
12
votes
6 answers

Learning ExtJS4

I'd like to use ExtJS4 for my next project. However, I'm new to Ext and not that well versed in Javascript's finer points either. There are a couple good books about ExtJS3 available. Should I learn from those old books first and then apply the…
zeroc8
  • 853
  • 1
  • 10
  • 20
12
votes
2 answers

How to Display Nested Json data in EXTJS 4 Grids?

I am working on ExtJS 4.0 and I want to display nested JSON data in a grid. For this I use the example given in Ext.data.reader.Reader docs, "Loading Nested Data". It is good and simple but now I want to display this data in a grid. How do I set…
gauravp
  • 178
  • 1
  • 1
  • 11
12
votes
1 answer

How to get currently active item`s index number (and not active item`s id) on a card layout on Extjs?

How do I get the currently active item's index number (and not active item's id) on a card layout? The following code will return active item's id: Ext.getCmp('my-wizard').getLayout().activeItem.id]; What if I don't want to define an id for my…
Mehdi Fanai
  • 4,021
  • 13
  • 50
  • 75
12
votes
1 answer

App folder is not loading in Ext.appliation when i try to test using jasmine

I am trying to implement jasmine in my application(Ext js 5)for unit testing. For that i have created app-test file. Ext.require('Ext.app.Application');Ext.Loader.setConfig({enabled:true}); Ext.onReady(function() { var Application =…
Surya Prakash Tumma
  • 2,153
  • 4
  • 27
  • 47
12
votes
6 answers

Extjs - Get rowIndex of a selected row

I have been seleted a row, and now i want get rowIndex maybe like grid.getSelectionModel().getSelection()[0].rowIndex but it's undefined. How can i get it thanks
DeLe
  • 2,442
  • 19
  • 88
  • 133
12
votes
3 answers

understanding "Layout run failure" error logging

I am doing some charting work and got a single line message "Layout run failure" when nothing was being created on the chart. Looking into this I found that I have to add some additional script files to generate the log files as covered…
egerardus
  • 11,316
  • 12
  • 80
  • 123
11
votes
1 answer

How to Perform Controller Inheritance in ExtJS 4?

I'm looking to write a fairly complex application that would involve having several "base" items (a base form, a base grid, etc.) that other items would inherit from in order to follow DRY. These base items would have common events that all…
Levi Hackwith
  • 9,232
  • 18
  • 64
  • 115
11
votes
2 answers

ExtJS 4: How to know when any field in a form (Ext.form.Panel) changes?

I'd like a single event listener that fires whenever any field in a form (i.e., Ext.form.Panel) changes. The Ext.form.Panel class doesn't fire an event for this itself, however. What's the best way to listen for 'change' events for all fields in a…
clint
  • 14,402
  • 12
  • 70
  • 79
11
votes
2 answers

ExtJS: form validation against model

I'm learning ExtJS, and I came across two different concepts, that seem logically connected to me. Model classes can specify custom validation methods on their fields. Model instances can be loaded into, and retrieved from Forms. My question…
jrharshath
  • 25,975
  • 33
  • 97
  • 127
11
votes
1 answer

How to get selected rows of a grid panel in ExtJs?

I want to get the surname fields of the selected rows. This one does not work at all: users.getSelectionModel().getSelections();
ilhan
  • 8,700
  • 35
  • 117
  • 201
11
votes
6 answers

extjs 4 XTemplate class associations

I'm testing out extjs 4 and I have stumbled upon something, I can't seem to figure out. I have simple object association: Snapshot - hasMany -> Model Now, I am trying to use XTemplate to show this association in View component, so I have my…
Greg
  • 2,413
  • 5
  • 22
  • 23
11
votes
3 answers

Private functions and Variables ExtJs4?

In my current project I am using ExtJs3.3. I have created many classes which had private variables and functions. For eg: MyPanel = function(config){ config = config || {}; var bar = 'bar';//private variable function getBar(){//public…
shane87
  • 3,090
  • 12
  • 51
  • 65