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
31
votes
9 answers

Extjs 4 combobox default value

I'm migrating my application from ExtJs 3 to 4 version. I have several comboboxes at my formPanel, and previously I've used hiddenName and all that stuff to submit valueField instead of displayField. All my adaptation works fine (value field IS…
BlackLine
  • 363
  • 1
  • 4
  • 10
31
votes
9 answers

ExtJS 4.2: ToolTips not wide enough to see contents

I've noticed since upgrading to ExtJS 4.2 that tooltips displayed when a textfield has an error in it are not wide enough to see the contents of the tooltip - they always seem to be 40px wide. Here's a test case which shows the…
user1578653
  • 4,888
  • 16
  • 46
  • 74
30
votes
6 answers

Word-wrap grid cells in Ext JS

(This is not a question per se, I'm documenting a solution I found using Ext JS 3.1.0. But, feel free to answer if you know of a better solution!) The Column config for an Ext JS Grid object does not have a native way to allow word-wrapped text, but…
richardtallent
  • 34,724
  • 14
  • 83
  • 123
30
votes
8 answers

Open HTML5 date picker on icon click

I have an HTML5 date picker. It is opened when I click on the date picker text box. Todo : I have to change the event to an icon, but I'm not sure how to achieve this. I have to open the date picker when I click on the calendar icon. Here is the…
Dibish
  • 9,133
  • 22
  • 64
  • 106
29
votes
8 answers

Set listener for store events in a controller

I have a controller with a store, a model, and some views. I need to listen for the beforesync and write event of the store in the controller, but I don't know how to set these listeners in the controllers control-function. My store looks like this…
Demnogonis
  • 3,172
  • 5
  • 31
  • 45
29
votes
3 answers

Dynamic Model with ExtJS 4

With ExtJS 3.x, I was able to use the "fields" property of a Store, but it seems with ExtJS 4 I have to absolutely use a Model. It's fine, but in my case, it's not a static Model, and I need to define the fields on the fly and sometimes to change…
TigrouMeow
  • 1,038
  • 4
  • 19
  • 30
29
votes
5 answers

Ext JS: what is xtype good for?

I see there are lot's of examples in Ext JS where instead of actually creating Ext JS objects, an object literal with an xtype property is passed in. What is this good for? Where is the performance gain (if that's the reason) if the object is going…
flybywire
  • 261,858
  • 191
  • 397
  • 503
29
votes
3 answers

How to run .apk file generated using Cordova on device instead of emulator?

I am using Sencha Touch 2.3.1 for developing cross platform application and to deploy it to native platforms I am using Cordova 3.3.0 I followed this tutorial. Following the tutorial I was able to run the .apk file in the emulator. Now I want to…
user3213851
  • 1,068
  • 2
  • 12
  • 24
29
votes
6 answers

Better way to call superclass method in ExtJS

All the ExtJS documentation and examples I have read suggest calling superclass methods like this: MyApp.MyPanel = Ext.extend(Ext.Panel, { initComponent: function() { // do something MyPanel specific here... …
Rene Saarsoo
  • 13,580
  • 8
  • 57
  • 85
28
votes
2 answers

Ext.extend vs Ext.override?

What is the difference between Ext.extend and Ext.override? In java, you extend a class and you override its methods. But looking at syntax, it seems in extjs, you can both extend a class and override a class
Victor
  • 16,609
  • 71
  • 229
  • 409
28
votes
1 answer

How to modify entered value in string filter

I have a string filter for 3 columns in my grid. This is working fine. In third column whose dataindex is abc I want to modify entered value. For example if I press 0 then it filtered all the data which having 0. I want to press 'No' instead of 0…
David
  • 4,266
  • 8
  • 34
  • 69
28
votes
4 answers

file upload using EXT JS

Steps to create File Upload field using Ext Js
brindha
  • 313
  • 1
  • 3
  • 3
27
votes
3 answers

What are pros and cons of using extjs?

In one of my project someone has recommended me to use extjs. I know very little about extjs. I have done my all the project using jQuery. I know many of you know about extjs very well. please tell me the pros and cons of using extjs?
Anoop
  • 23,044
  • 10
  • 62
  • 76
27
votes
8 answers

Making ExtJS 4 grid content selectable

Grids in ExtJS 4 (Sencha) don’t allow to select content by default. But I want to make this possible. I've tried this grid config: viewConfig: { disableSelection: true, stripeRows: false, getRowClass: function(record, rowIndex,…
Barry
  • 375
  • 1
  • 4
  • 7
27
votes
10 answers

How should I add a tooltip to an ExtJS Component?

I'm making an ExtJS Component, and I want it to use a QuickTips tooltip. If I make an element using DomHelper, I can set a tooltip, no sweat. If, however, I make a Component, like new BoxComponent({ qtip: "This is a tip" }); nothing happens. …
Coderer
  • 25,844
  • 28
  • 99
  • 154