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
26
votes
2 answers

up() and down() versus Ext.getCmp()

I'm very confused which one I need to use for grep object between up() down() and Ext.getCmp(ID). For me, it is easier that define ID to object and retrieve the object by Ext.getCmp('ID') and the code looks more clean. For…
Expert wanna be
  • 10,218
  • 26
  • 105
  • 158
24
votes
11 answers

ExtJS 4 - Mark a red asterisk on an required field

I have this problem where I need to add a red asterisk beside a fieldLabel when a field is marked as "required" (or allowBlank: false) In ExtJS3, we can have this hack easily by overriding Ext.layout.FormLayout as…
Lionel Chan
  • 7,894
  • 5
  • 40
  • 69
24
votes
1 answer

Extjs 4: Create an iFrame Window

I am in need of creating an iFrame Window in Extjs. Previously in ExtJS 3.x I would do this: bodyCfg: { tag: 'iframe' } But the Window Class of ExtJS 4 seems not to have a bodyCfg. Any ideas on how to make an iFrame ExtJS 4 Window?
neolaser
  • 6,722
  • 18
  • 57
  • 90
23
votes
3 answers

How to change extjs grid single cell background color depending on value changes?

To change whole row background color we can use getRowClass, but how to do the same logic only for one cell, and particular column....any ideas? //EXTJS viewConfig: { getRowClass: function(record, index) { var c = record.get('change'); …
Davor Zubak
  • 4,726
  • 13
  • 59
  • 94
23
votes
3 answers

Best Practices concerning initComponent() in Ext.define()

I'm writing all my components in ExtJS's new MVC fashion using Ext.define(). I struggle a bit whether define properties inside of initComponent() or by simply setting them like property: 42,. Are there widely accepted best practices? I'm staggering…
hynek
  • 3,647
  • 1
  • 18
  • 26
23
votes
3 answers

ExtJS ComboBox dropdown width wider than input box width?

Is there any way to set the width of an ExtJS (version 4) ComboBox's dropdown menu to be wider than that of the actual input box? I have a comboxbox that i want to be around 200px but I have paging on the results dropdown and that width is not even…
Bill Dami
  • 3,205
  • 5
  • 51
  • 70
22
votes
3 answers

ExtJS 4 RowEditing disable edit on one column based on record

I'm implementing a grid panel with the four last columns editable for most of the rows. The problem is that I'd like to be able to disable editing on, let's say the first one if record.get('status') = 4 which is finalized and only two of the columns…
Asken
  • 7,679
  • 10
  • 45
  • 77
22
votes
2 answers

How to use Ext.define in ExtJS 4?

I'm new to ExtJS 4 and need some help understanding how the Ext.define works, please. In fact what I want to do is something similar to the portlets in the portal example, in my application I will need so many objects to add in my different tabs, so…
Armance
  • 5,350
  • 14
  • 57
  • 80
21
votes
3 answers

Extjs scrollable panel

I have a panel where I insert some HTML from the server: myPanel.update(response.responseText); But if this text is too big, none of the scrollbars appear to navigate the text. How can I configure a vertical scrollbar in this panel? This is my…
Beetlejuice
  • 4,292
  • 10
  • 58
  • 84
20
votes
11 answers

How To Re-Empty ComboBox when forceSelection is Set To TRUE (ExtJS 4)

I have a combo box with forceSelection config is set to true. The combo box is optional. It can be empty. If user choose one of the options and then re-empty the combo box, it doesn't want to be empty. The combo box always restores the previously…
Fitrah M
  • 983
  • 3
  • 17
  • 31
20
votes
1 answer

initComponent vs constructor when defining an object

When should I be using initComponent compared to constructor ? I have been using initComponent to extend my objects, but looking at the docs for Ext.define is see them using constructor all over then place. what is the…
Alex
  • 5,674
  • 7
  • 42
  • 65
20
votes
4 answers

ExtJs 4... How to extend Extjs 4 components?

can somebody help me with how to extend extjs components using extjs version 4. I am looking for a proper syntax for the same. please help..!!
Riya
  • 201
  • 1
  • 2
  • 3
20
votes
2 answers

ExtJS: What's the point of requires?

I've been trying to figure out what requires does in Ext JS 4, and I can't seem to come up with a reasonable answer. Let's say I have the following code: app.js Ext.Loader.setConfig({ enabled: true }); Ext.Loader.setPath('Ext.ux',…
incutonez
  • 3,241
  • 9
  • 43
  • 92
19
votes
6 answers

How to add an empty item to ExtJS combobox?

I want to add and empty item (display value is blank, item height is kept as normal) to an Ext.form.ComboBox. I refered 2 links below to configure my combobox, but it still not display the empty…
Đinh Hồng Châu
  • 5,300
  • 15
  • 53
  • 90
19
votes
1 answer

ExtJS 4: Apply Defaults to all columns in a grid

Now that ExtJS 4 got rid of the ColumnModel object, how do you apply default config options to all columns in a grid?
Levi Hackwith
  • 9,232
  • 18
  • 64
  • 115