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
19
votes
3 answers

How to add row double click event listener when extending grid panel with Ext.define()?

I am extending GridPanel with Ext.define() (Ext v4). I need to get the row data when a grid row is double clicked. At this point I cannot even get the event listener working: Ext.define('Application.usersGrid', { extend: 'Ext.grid.GridPanel', alias:…
Petrunov
  • 754
  • 1
  • 8
  • 18
19
votes
1 answer

Auto-scan for config files from ExtJS

I am creating ExtJS 6.2 application from scratch. I am pretty new to this framework so I could use some help with scaffolding of application. The designed application is supposed to have separate 'plugins' that (on the code/packages level) will be…
Chlebik
  • 646
  • 1
  • 9
  • 27
19
votes
3 answers

Measuring FPS/Performance in Xcode/Iphone

I am running a Sencha Touch application and I am wondering what the best way to measure my FPS while running my app on a device from Xcode? Specifically I have an infinitely scrolling facebook-like wall and I am trying to measure my scrolling…
justin henricks
  • 467
  • 3
  • 6
  • 17
19
votes
2 answers

ExtJs: Form isValid() is false. But how to know why the form is invalid?

I am using an ExtJs form having a file upload field in it. On selecting a file I am calling the submit() method of the form. But before submitting I am checking if the form is valid or not using form.isValid(). Now due to some unknown reasons, I am…
DarkKnightFan
  • 1,913
  • 14
  • 42
  • 61
19
votes
2 answers

How to add data- attributes to ExtJs rendered html?

Using ExtJs 4.1. I'm creating a panel (for example) and I would like that the generated html includes one or more "data-" attributes (for example: data-intro="some text" data-step="1") How can this be done?
pvieira
  • 1,687
  • 6
  • 17
  • 32
19
votes
2 answers

ExtJs didn't fire select event on ComboBox

I have a problem with ExtJs combobox, consider I have a combobox that has 4 items and a callback function in select event on combobox. When I'm going to set the combobox selected value with setValue(), ExtJs don't fire select event. How can I fix…
Afshin Mehrabani
  • 33,262
  • 29
  • 136
  • 201
19
votes
2 answers

extjs 4.1 When do I use a proxy on a store and when on a model?

There are two ways to use proxies in extjs 4.1 (server proxies in my case), one can tie it to a model or tie it on a store. I am a bit confused about the usage: What is the difference between tieing a proxy to a store, and tieing it to a model? What…
mahatmanich
  • 10,791
  • 5
  • 63
  • 82
18
votes
11 answers

How to clear the store and update a paging toolbar?

i need to reset paging toolbar parameters as "page", "start", "limit" when i click on a search button to re-load grid store with different parametres! how can i do it? the problem is that when i am on the next page, and i do a new search, i have the…
jack.cap.rooney
  • 1,306
  • 3
  • 21
  • 37
18
votes
3 answers

mixin vs plugin. What to choose?

Let's assume I have defined several new components -MyComponent1, MyComponent2, ..., which extend Ext.Component. Now I wnat to extend all this widgets with the same functionality - I want to add close button which would appear at the top-right…
Molecular Man
  • 22,277
  • 3
  • 72
  • 89
18
votes
7 answers

Restrict the input characters in textfield / numberfield using regular expression?

I use numberField in ExtJS Form and want to enter only positive numbers, in range of 0-99 and it should accept only 2 characters (and not more than 2). { xtype:"textfield", allowNegative: false, allowDecimals: false, minValue: 0, …
Ashwin Parmar
  • 3,025
  • 3
  • 26
  • 42
18
votes
4 answers

ExtJs Message box with Custom buttons

How to display ExtJS Message box with Custom buttons. I want a Message box with a Custom message and "Cancel" and "Deactivate" Buttons. Please give some idea. buttons: [{ text: "Cancel", handler: function () { Ext.MessageBox.hide(); …
MNR
  • 1,073
  • 7
  • 23
  • 37
18
votes
5 answers

Extjs 4 MVC loading a view from controller

Ok so I have a controller with a method in which I want to load a view. How do I load a view from a controller? How do I pass some parameters from the controller to the view when I load it? Any help is much appreciated.
Rob P.
  • 401
  • 1
  • 6
  • 9
18
votes
9 answers

Best available guide to Sencha?

i'm very new to sencha and i need help with it. can anyone give me few links regarding sencha tutorials and books.... on the other day i found out a site showing info and source code about sencha. i remember it as sencha kitchen sink.....but now…
Prateek Raj
  • 3,966
  • 6
  • 39
  • 50
18
votes
1 answer

What is the alternate of headerCt.getMenu(); in Ext JS 3

I am using Ext JS 3 and I need to get ahold of the menu of my column header. I tried to use afterrender of grid. My code is somewhat like listeners: { afterrender: function() { var menu =…
David
  • 4,266
  • 8
  • 34
  • 69
18
votes
2 answers

ExtJS : handling browser exit event (click on cross-exit)

I would like to know if there is any way to handle the browser exit event. For example, I would like to send a query when the user click on the cross-exit or simply close his browser.
stormblow
  • 388
  • 1
  • 2
  • 12