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

Accessing complex REST resources with Ext JS

I am accessing a REST service which exposes these two resources, a parent resource and a child resource: /users /users/{userId}/account So the resource "account" is not nested within the resource "user", it has to be accessed by a second request.…
Christoph
  • 1,023
  • 11
  • 23
14
votes
2 answers

extjs using up and down methods

I'm trying to use up and down to call rather than Ext.getCmp but I'm not quite understanding it. I have this code listeners: { 'change': function(field, selectedValue) { // Ext.getCmp('wildAnimal').setValue(selectedValue); …
Ryan Williams
  • 653
  • 3
  • 12
  • 28
14
votes
4 answers

How to align elements in a toolbar to left, middle, right

How can I have the three regions left, middle, right within a toolbar? I know that I can use -> to trigger the right aligned container for all following items but what about center?
seba
  • 974
  • 2
  • 10
  • 30
14
votes
4 answers

ExtJS 4: cloning stores

I'm trying to figure out how to clone an Ext.data.Store without keeping the old reference. Let me explain better with some code. Here's the source store: var source = Ext.create ('Ext.data.Store', { fields: ['name', 'age'] , data: [ …
Wilk
  • 7,873
  • 9
  • 46
  • 70
14
votes
3 answers

How to call functions within a XTemplate (itemTpl)

I would like to use Ext's String method on some text that will be output to the view. For example: itemTpl: [ ... '', '', '

{post_text_teaser}

', '

{timestamp}

', …
pepe
  • 9,799
  • 25
  • 110
  • 188
13
votes
7 answers

ExtJS: How do I get raw JSON data from Ext.data.Store?

From a typical store like this Ext.define('User', { extend: 'Ext.data.Model', fields: [ {name: 'firstName', type: 'string'}, {name: 'lastName', type: 'string'}, {name: 'age', type: 'int'}, {name:…
c.sokun
  • 1,622
  • 4
  • 25
  • 40
13
votes
1 answer

ExtJS extend grid RowEditor plugin (to edit array)

I've been using the ExtJS grid row editing plugin pretty liberally for CRUD operations in web applications. Now, I have a requirement to allow a database record to be edited along with a related collection/array (from another datastore) using this…
egerardus
  • 11,316
  • 12
  • 80
  • 123
13
votes
5 answers

extjs grid - how to make column width 100%

The property width is a pixel width. { xtype: 'grid', store: store, selModel: Ext.create('Ext.selection.CheckboxModel', { mode: 'SINGLE' }), layout:…
Subdigger
  • 2,166
  • 3
  • 20
  • 42
13
votes
5 answers

Is it possible to add title to charts?

I want to add a title to a chart, like in the gauge example or a pie chart. I want to display a title under or on top of the chart. Is this possible? I've been looking and can't find anything about this. if so , any tip to share? it would be…
Armance
  • 5,350
  • 14
  • 57
  • 80
13
votes
1 answer

Ext.ux.form.field.DateTime questions

I create a Ext.ux.form.field.DateTime plugin, but here is some questions: if i don't set width/height, then DateTime in toolbar is missing cant show correct width in RowEditing plugin Ext.define('Ext.ux.form.field.DateTime', { …
atian25
  • 4,166
  • 8
  • 37
  • 60
13
votes
5 answers

Create an extension with an xtype in ExtJS 4

I am used to ExtJS 3.X, but am struggling with ExtJS 4. I want to create an extension of a grid and be able to use an instance of the grid with the xtype. As far as im aware, I have to set the alias as widget.xtypename but its not working for…
klj
  • 156
  • 1
  • 1
  • 6
13
votes
2 answers

Why use Ext.apply in initComponent

A lot of code examples use Ext.apply when setting properties on a component in the initComponent method. Example : initComponent: function(){ Ext.apply(this, { items: { xtype: 'button' } …
Oliver Watkins
  • 12,575
  • 33
  • 119
  • 225
13
votes
2 answers

ExtJS How to modify the textfield parameter autocomplete="off"

Some modern (Safari, chrom, firefox) browser records informations and allows you to autocomplete some textfields when you come back. I want to do it in ExtJS. I have a piece of answer here : How to get Chrome to remember login on forms? But in…
Farandole
  • 539
  • 2
  • 8
  • 23
13
votes
4 answers

Adding header to Ajax request

How can I add a request header to an ExtJS ajax request? I specifically want to add the header: accept-encoding to equal true.
Robo
  • 261
  • 2
  • 5
  • 13
13
votes
4 answers

Icons available for ExtJS's Panel's "tool" buttons

How can I set icon used in my Panel's "Title Bar"? Maybe I need to add an image myself, but if so I suppose I need to define or configure that somewhere? { xtype: 'treepanel', title: 'Projects', width: 200, store:…
jm2
  • 763
  • 2
  • 13
  • 27