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

Extjs Dynamic Grid

I'm trying to create a dynamic grid using ExtJS. The grid is built and displayed when a click event is fired then an ajax request is sent to the server to fetch the columns, records and records definition a.k.a store fields. Each node could have…
ken
  • 3,745
  • 6
  • 34
  • 49
4
votes
2 answers

Extjs Json load without Root

My problem is the json I am getting doesn't have a root. I can get the store to load the URL and I get the JSON back but the store data is empty and nothing shows in the callback. Json: [ { "symbol": "GM" }, { "symbol": "GA" } ] Model and…
JesseRules
  • 723
  • 5
  • 17
4
votes
2 answers

check if object is instanceof mixin

I'd like to check if the object x implements (is instance of) the mixin MyInterface: Ext.define('MyInterface', { interfaceMethod: Ext.emptyFn }); Ext.define('Foo', { mixins: { myInterface: 'MyInterface' } }); var x = new…
Niko Sams
  • 4,304
  • 3
  • 25
  • 44
4
votes
4 answers

In ExtJS, how do I place two fieldsets side-by-side in a panel with a hbox layout?

In ExtJS, I'm having a little trouble placing two fieldsets side-by-side in a panel with a hbox layout. The hbox layout seems to be unaware of the fieldset's height, and cuts it off, even if I explicitly set the panel's height to something…
Daniel T.
  • 37,212
  • 36
  • 139
  • 206
4
votes
1 answer

Extjs - Best way to iterate through displayed records in a buffered store

So, I'm upgrading from EXT 4.1.1a to 4.2.2 and have come across a problem with buffered stores. In 4.1.1a I could use store.each to iterate through the currently displayed store records, but in 4.2.2 I simply get the error: TypeError: Cannot read…
Coin_op
  • 10,568
  • 4
  • 35
  • 46
4
votes
1 answer

ExtJs - Getting all components on page

I'm using ExtJs 4.2.2 with a single page application. I have lots of workspaces and i want to make sure that i'm destroying all of the components when moving to a different workspace. i'm using: Ext.ComponentMgr.getCount() but this just returns the…
peroxide
  • 696
  • 1
  • 4
  • 19
4
votes
4 answers

Extjs checkColumn

I see the example in ExtJS, but it seems the checkColumn doesn't update the XML. The API is also not so helpful. What I wanted to do is something like this. When the user clicks the checkbox in the grid it will send an AJAX request.
hafizan
  • 41
  • 1
  • 1
  • 2
4
votes
4 answers

Reusing forms for displaying data

I have implemented a large form panel for creating and editing users' data. In the application, I should also add a button, labeled "see details", to display the same information which are entered by the form panel. I can make all form elements…
4
votes
1 answer

Application messed up on keyboard pop-up

In my web app my login page is deranged when opening the keyboard. In android development this can be solved by modifying the android:windowSoftInputMode="stateVisible|adjustResize" in the manifest file. Is there any way that this can be done for…
Jacob
  • 3,580
  • 22
  • 82
  • 146
4
votes
1 answer

Extjs4- Giving a default sort for a column after grid is loaded

After the grid has been loaded with the data, if we try to sort any column, the default direction is ascending. Can we define a default sort for grid column such that after I load the grid, if I click on that column, it should get sorted in…
user2316489
  • 159
  • 1
  • 5
  • 14
4
votes
2 answers

CQ5 AEM: how to get a component by name within a dialog using javascript

I know this will probably a simple question, but I'm new to CQ5 and AEM in general. I have a cq:Widget node which is a simple textfield.
Alisneaky
  • 205
  • 1
  • 3
  • 15
4
votes
1 answer

use before submit event of cq5 dialog

I need to validate the input provided by the user in a CQ5 dialog(of a page component- opens on clicking page properties in the side kick). Some fields do not have the vtype property. I planned on using beforesubmit event of the dialog in listeners…
Sharath Madappa
  • 3,393
  • 1
  • 24
  • 41
4
votes
1 answer

Success and Failure functions in a store - Ext JS

I have a request which, on success, loops through each attribute of a JSON response and adds it to my store: var request = Ext.Ajax.request({ url: 'MCApp', jsonData: searchquery, params: { start: 0, limit: itemsPerPage …
Clay Banks
  • 4,483
  • 15
  • 71
  • 143
4
votes
1 answer

dynamically set fields to a extjs data store

I am trying to dynamically set fields to a extjs data store so that I could dynamically create a different grid at run time. Case A works for me. But when I use as in Case B, the store's proxy hangs on to the previous model and so the grid rendering…
ssinganamalla
  • 1,250
  • 3
  • 12
  • 19
4
votes
3 answers

Filefield with extjs 4.2 without fakepath

I want with extjs 4.2 I use this component in attachment : { xtype: 'filefield', id: 'file6', fieldLabel: 'test ', labelWidth: 100, msgTarget: 'side', allowBlank : false, anchor: '100%', buttonText:…
franco
  • 1,829
  • 6
  • 42
  • 75
1 2 3
99
100