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

Getting full model object from a combobox in ExtJs?

If I have a store backed combobox selection that fires an event under ExtJS 4, how do I go about getting the full object that is represented by that selection?
James McMahon
  • 48,506
  • 64
  • 207
  • 283
15
votes
2 answers

How to change combobox store data in ExtJS 4.1

I define a combobox like this { xtype: 'combobox', emptyText: 'Functions' store: [ 'none' ] } then, on some event the store should load new data, so I get the store from the combobox and try this: oFunctionStore.loadData( ['dothis',…
K..
  • 4,044
  • 6
  • 40
  • 85
15
votes
3 answers

Render dynamic components in ExtJS 4 GridPanel Column with Ext.create

I've got an ExtJS (4.0.7) GridPanel that I'm populating from a store. The values that I display in the GridPanel's column need to have a different view depending on the type of data that's in the record. The ultimate goal is that records with…
Ted Naleid
  • 26,511
  • 10
  • 70
  • 81
15
votes
2 answers

Sencha Touch localstore proxy not removing indexes after records deleted

I am having some trouble with a Sencha Touch data store and a localproxy. Basically, when a record is removed from the store, using the store.remove(record) method, the record itself is removed from memory, but the Id reference to it in the store…
Michael McClenaghan
  • 639
  • 1
  • 5
  • 11
14
votes
1 answer

How can I add Click Event to Ext.Img?

How can I add Click Event to Ext.Img? var paddleItem = new Ext.Img({ xtype : 'image', src : "lib/Image/Paddle.png", x : 200, y : 300, draggable : true, index : 0, id : 'paddleItem', listeners : { click :…
LostCode
  • 533
  • 2
  • 6
  • 25
14
votes
1 answer

Ext JS 4 - understanding this.control, selectors and event handling

I am trying to understand in Ext JS 4 (MVC) how event handling on buttons, comboboxes and similar work. Specifically, I believe in MVC we are supposed to be using "this.control" in the controller init function. For example, I have the following…
Scott Szretter
  • 3,938
  • 11
  • 57
  • 76
14
votes
6 answers

ExtJS Toolbar with multiple rows

Is it possible to have an ExtJsToolBar with multiple lines? I want a few controls on the first line and 3 ExtJsButtons on the 2nd. The toolbar is the top toolbar of a Panel.
user99322
  • 1,157
  • 2
  • 15
  • 26
14
votes
4 answers

Proper technique to add listeners to DOM created via an XTemplate?

We use XTemplates - lots of XTemplates. They are great for displaying read-only content. But have you ever added (Ext JS) listeners to DOM created via a template? Would you care to share your preferred technique for creating these listeners?
Upperstage
  • 3,747
  • 8
  • 44
  • 67
14
votes
5 answers

How do I remove panel borders?

I need to remove all borders. I already added border:false but it's not working. Note that I want it to have this blue background so I'm using frame : true. My code region: 'north', split: true, border: false, …
Armance
  • 5,350
  • 14
  • 57
  • 80
14
votes
3 answers

EXT Js Synchronous ajax request

How can I make synchronous ajax requests in EXT JS? For example, given this code: test1(); ajaxRequest(); //Ajax Request test2(); The test2 function is executed without even finishing the execution of ajaxRequest(), which has an Ext.Ajax.request…
Jemin
  • 533
  • 4
  • 12
  • 25
14
votes
2 answers

how to load React app / Lib inside ExtJs Component

We are using Extjs 3.1 and we are trying to integrate reactjs into. we have vendor library which has react, reacr-dom, redux and other libs are packed and included as script. Here is my extjs code var CompositeViewer = Ext.extend(Ext.BoxComponent,…
Nnp
  • 1,813
  • 7
  • 36
  • 62
14
votes
1 answer

ExtJS 6 adding workspace.json to gitignore

I have a quick ExtJS 6 question that im hoping someone can help me with. I am working in a multi dev team using git for source control. I have setup a brand new Ext project via the following steps; sencha -sdk /home/user/project/extjs-6.5.3.57…
user9048585
14
votes
2 answers

ExtJS XTemplate

I am trying to develop a FilterEditor using ExtJS. user creates some range, comparison, null/notnull criterias and I need to present them in a well-formatted format, so that users can read the overall criteria easily. For this, I tought Ext.DataView…
hazimdikenli
  • 5,709
  • 8
  • 37
  • 67
14
votes
1 answer

Multiple Handlers for Websocket Javascript

Is that possible that we can have multiple handlers (onmessage method) for same webcocket session? In the below code there is only one onmessage method to handle a message from the client. But is there any possibility that we can have multiple…
Vaibhav Maniar
  • 200
  • 1
  • 6
14
votes
4 answers

Is there any way to get an ExtJS GridPanel to automatically resize its width, but still be contained inside some non-ExtJS-generated HTML?

I want to include an ExtJS GridPanel inside a larger layout, which in turn must be rendered inside a particular div in some pre-existing HTML that I don't control. From my experiments, it appears that the GridPanel only resizes itself correctly if…
Micah
  • 1,527
  • 2
  • 14
  • 14