Questions tagged [extjs]

Sencha Ext JS is a JavaScript framework for building rich Internet applications (RIAs).

Sencha Ext JS

Sencha Ext JS provides a complete object-oriented framework for creating a desktop-like application that runs in a web browser or packaged as a native application. It manages object lifecycle, layouts, theming, data storage, Ajax communication and has a large library of component-driven UI widgets including charting capability.

Originally built as an add-on library for YUI, it has a modular architecture that developers can extend using JavaScript.

Resources

Notable Historical Events

  • 01-Jul-2015: With Ext JS 6, Sencha introduces a single framework for creating applications that run across all types of devices, from phones to tablets to desktops. This move combines the legacy Touch framework into the same project structure as Ext JS allowing for the sharing of resources.

  • 15-Apr-2014: Along with the release of version 5.0 Sencha Inc. officially dropped support for Internet Explorer versions 6 & 7 and only support 8 in "standards" mode. This marks a shift in favour of modern web-standards.

  • 15-Jun-2010: The merger of ExtJS with JQTouch and Raphaël was announced forming a new organisation called Sencha Inc. Ext JS continues to be available as a main product on the Sencha website together with Sencha Touch, Sencha GWT, Sencha Architect, Sencha Animator and Ext Core.

Version History

24873 questions
12
votes
1 answer

ExtJS (JavaScript) Module Design Pattern best practices

I have a question about best practices with the Module Design Pattern. The code below is an example of the way that some of our Components are written (we use ExtJs but that shouldn't matter too much). We build a lot of our components like this…
blong
  • 2,815
  • 8
  • 44
  • 110
12
votes
4 answers

Any advantage of programming natively for mobile development?

I need to develop applications for a company on some major mobile OSes, specifically, iOS, Android and WP7. I was initially planning to code three separate applications for the three different OSes - each using the native SDK. However, is there any…
Ayush
  • 41,754
  • 51
  • 164
  • 239
12
votes
5 answers

ExtJS in Visual Studio (2010)

Two questions: How can I get JavaScript IntelliSense for ExtJS? Are there any good tools (e.g. Extensions, NuGet packages) for working with ExtJS in Visual Studio? Are there any good tools (e.g. Add-on Extensions like FireBug) for working with…
user979672
  • 1,803
  • 3
  • 23
  • 32
12
votes
3 answers

extjs4 how to automatically set grid column width to max width of contents?

If you create a grid with no column width or flex attributes, the columns will default to 100px each. If you then double click on a header separator, the column to the left auto expands to the size of the largest data item in that column. Is there…
Robot
  • 1,045
  • 4
  • 14
  • 23
12
votes
4 answers

Javascript to check filesize before upload in Internet Explorer

Is it possible to use Javascript to check for a file's size (at the client side) before it is actually uploaded to the server? The application is built on EXTJS and Java and is restricted to usage by Internet Explorere 7 on Windows XP machines. No…
user924590
  • 121
  • 1
  • 1
  • 4
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
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
3 answers

Replacing Ext.reg() (xtype) in ExtJS4?

I want to use the MultiSelect from 3.3 in Ext JS 4, as described in this previous question: Why are the Ext JS multiselect item selector files not included in the Ext JS 3.3 download and where are they? It seems like the way to register xtypes has…
user568866
12
votes
6 answers

ExtJs dependent field validation

How do I validate one field which is dependent on another field? { xtype: 'textfield', name: 'name2', vtype: 'type', // how to write the validation code for this if it // depends…
fastcodejava
  • 39,895
  • 28
  • 133
  • 186
12
votes
2 answers

ExtJS 3: Two ways of creating custom class: what's the difference?

I'm trying to learn ExtJS and object-oriented JavaScript in general. I've seen people defining classes in custom namespaces in a couple of ways. What's the difference between these two methods? Method 1 Ext.ns('myapp.cars'); (function(){ var Car…
clint
  • 14,402
  • 12
  • 70
  • 79
12
votes
1 answer

Extjs - force panel/grid to be 100% height

I have a simple grid/panel that is located under a tab. I cant get it to be in 100% height of the parent tab. How do you do it? height:'100%' and viewConfig:{ forceFit: true } won't work. Thanks
fatnjazzy
  • 6,070
  • 12
  • 57
  • 83
12
votes
3 answers

How to add records in json-store

var store = new Ext.data.JsonStore({ id:'jfields', totalProperty:'totalcount', root:'rows', url: 'data.php', fields:[{ name:'jfields' }, { name:'firstyear' , mapping :'firstyear' , type:'float' }, {…
Amit Sharma
  • 1,968
  • 5
  • 24
  • 35
12
votes
4 answers

Combobox values are disappearing on typing

Using extjs 5.1.3 version. I have a typeAhead combobox in the form as below: Combobox store: Ext.define('MyApp.view.myobj.field.CustomObject', { extend:'Ext.form.field.ComboBox', xtype: 'cstmObject', requires: [ …
Awesome
  • 5,689
  • 8
  • 33
  • 58