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

What is the difference between xtype and alias?

What is the difference between xtype and alias used in Sencha? They're both seem to be used as shorthand in different places.
ming_codes
  • 2,870
  • 25
  • 24
16
votes
5 answers

Extjs checkcolumn disable for some rows, based on value

I have a grid, with checkcolumn. It's dataIndex is, for example, 'checked'. I want to disable or hide checkboxes for some rows, where another value, 'can_be_checked' for example, is false/empty. Renderer is already defined in checkcolumn, messing…
Nameless
  • 2,306
  • 4
  • 23
  • 28
15
votes
4 answers

ExtJS 4 Naming Conventions

I was discussing with my colleagues the correct naming conventions for classes, variables and objects etc within ExtJS 4, but we all had differing views. Is there an "official" stance on this?
Tom Early
  • 165
  • 8
15
votes
1 answer

How to make ExtJS grid to re-render itself?

I have a column rendering for a grid which draws text in bold if certain data holds true. Now when this data changes, I want to call some method on the grid to make it re-render itself. Is there a way to do this?
Tower
  • 98,741
  • 129
  • 357
  • 507
15
votes
8 answers

Auto-size Ext JS Window based on content, up to maxHeight

Using Ext JS 4.0.2, I'm trying to open a window that automatically sizes itself big enough to fit its content, until it hits a height limit, at which point it stops getting bigger and shows a scroll bar. Here's what I'm…
Mike M. Lin
  • 9,992
  • 12
  • 53
  • 62
15
votes
1 answer

How to access nested models from store in ExtJs 4

I just downloaded the final version of ExtJs 4 and I'm trying to implement some things using new Model approach. For instance I have a model named SetupModel, it has 2 nested models Users, Reports. I create new store and I set the Model property…
Andrey Selitsky
  • 2,584
  • 3
  • 28
  • 42
15
votes
3 answers

How to do :document.getElementById() in extjs syntax

In jsp, if there is a hidden variable, we do this in js: document.getElementById('hiddenVarId').setValue = 'xxx'; What is the extjs equivalent of document.getElementById().setValue = 'xxx';
Victor
  • 16,609
  • 71
  • 229
  • 409
15
votes
1 answer

How can I right-align the contents of a ExtJS tbar?

I have a tbar inside a grid panel like this: This is the code that produces it: var grid = new Ext.grid.GridPanel({ region: 'center', style: 'margin: 10px', store: new Ext.data.Store({ data: myData, reader: myReader …
Edward Tanguay
  • 189,012
  • 314
  • 712
  • 1,047
15
votes
2 answers

How to Show/Hide/Toggle Element with ExtJS?

How to Show/Hide/Toggle Element with ExtJS?
Jeaf Gilbert
  • 11,495
  • 19
  • 78
  • 105
15
votes
1 answer

ExtJs minify Gets ignored

We have a CMS so I don't have access to the header of the HTML page which gets rendered for our extjs implementation. So I had to make a workaround which is like this: Ext.local = {}; var lang = { initLang: function (revisionNr) { …
Sangoku
  • 1,588
  • 2
  • 21
  • 50
15
votes
5 answers

Sencha Cmd build - Failed creating background process

I'm trying to build extjs5 application with Cmd v5.0.0.160. I have ruby2.0 installed and sencha cmd on my PATH var. Here is the error that I get when running sencha app build: ... [INF] Capturing theme image [ERR] [ERR] BUILD FAILED [ERR]…
vadchen
  • 1,442
  • 1
  • 11
  • 14
15
votes
6 answers

Is jQuery compatible with ExtJS?

I believe Ext.js was using jQuery, but I'm not sure. Does anyone know if there is full compatibility with jQuery and Ext.js?
openfrog
  • 40,201
  • 65
  • 225
  • 373
15
votes
2 answers

extjs - how correctly call a controller method from another controller or closure

I'm new to extjs and I'm using the MVC architecture. When my application references a method of a controller, I do it that way (in MyApp.Application): Mb.app.getController('Main').myMethod(); It is already long, but I think this is the way to…
Lorenz Meyer
  • 19,166
  • 22
  • 75
  • 121
15
votes
1 answer

Association Sample in extjs 4.2:

Can any one please point me to a working example of association (with hasMany and belongsTo) in ExtJS. Please don't point me to Sencha docs or any examples related to Sencha because I had tried almost everything but none of them works...
CARTIC
  • 573
  • 3
  • 14
  • 26
15
votes
7 answers

How do I force the display of a decimal in an ExtJS NumberField to a certain precision?

I have a form with a NumberField that gets values of type float from JSON. If the values happen to be whole numbers, then no decimal places are shown. I would like to show 2 decimal places at all times. Is there a config option for this? Here's my…
Mike Sickler
  • 33,662
  • 21
  • 64
  • 90