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
13
votes
1 answer

ExtJS combobox acting like regular select

I try to use ComboBox on FormPanel, it is defined like this: { xtype: 'combo', name: 'Reasons', store: new Ext.data.ArrayStore({ id: 0, fields: ['myId', 'displayText'], data: [ [1, 'Reason 1'], …
bensiu
  • 24,660
  • 56
  • 77
  • 117
13
votes
4 answers

How can I replace the content of a panel with new content?

I have a regionContent panel which I add to my viewport. How can I replace its content with new content? ... var regionContent = new Ext.Panel({ id: 'contentArea', region: 'center', padding:'10', autoScroll:…
Edward Tanguay
  • 189,012
  • 314
  • 712
  • 1,047
13
votes
4 answers

Update or Reload Store of ExtJs ComboBox

I'd like to know a way of how to update or reload the list values of a ExtJs ComboBox. For instance, I have a some checkboxes. These checkboxes determine what values the ComboBox should have. So, after selecting some of those, I click the drowndown…
user512514
  • 161
  • 1
  • 1
  • 10
13
votes
6 answers

How can I set the label width on individual textfield labels in extjs?

with the following code: var win = new Ext.Window({ xtype: 'form', layout: 'form', items: [{ xtype: 'textfield', value: 'test', name: 'testing', labelWidth: 200, fieldLabel: 'This is a really,…
Gerrat
  • 28,863
  • 9
  • 73
  • 101
13
votes
3 answers

How to upload string as file with jQuery or other js framework

Using javascript, I have a file in string (got with ajax request). How to upload it as file to server by another ajax request ?
Romka
  • 173
  • 1
  • 1
  • 5
13
votes
3 answers

Hide ExtJS Panel Title

I have a ExtJS panel inside a viewport center region. I want to hide the title of the panel. How can I do it? I'm using xtype config for declaring the panel.
Soham Dasgupta
  • 5,061
  • 24
  • 79
  • 125
13
votes
2 answers

Why use Ext.apply in initComponent

A lot of code examples use Ext.apply when setting properties on a component in the initComponent method. Example : initComponent: function(){ Ext.apply(this, { items: { xtype: 'button' } …
Oliver Watkins
  • 12,575
  • 33
  • 119
  • 225
13
votes
3 answers

Container vs Panel in Extjs

I have a question about Extjs I have read the official document on Sencha doc but I have some confusion about 2 kinds of Component .That's the Container and the Panel. What is the difference between Container and Panel? Which should be used in which…
xtiger
  • 1,446
  • 2
  • 15
  • 33
13
votes
9 answers

making certain cells of an ExtJS GridPanel un-editable

I currently have a GridPanel with the Ext.ux.RowEditor plugin. Four fields exist in the row editor: port, ip address, subnet and DHCP. If the DHCP field (checkbox) of the selected row is checked, I need to make the other three fields un-editable.…
Alex Wood
  • 821
  • 3
  • 12
  • 27
13
votes
2 answers

Get a component by name in extjs

I have a component in extjs store named date How can i retrieve it ExtJS
user1957109
13
votes
2 answers

ExtJS How to modify the textfield parameter autocomplete="off"

Some modern (Safari, chrom, firefox) browser records informations and allows you to autocomplete some textfields when you come back. I want to do it in ExtJS. I have a piece of answer here : How to get Chrome to remember login on forms? But in…
Farandole
  • 539
  • 2
  • 8
  • 23
13
votes
4 answers

How to close modal window extjs when clicking on mask?

If I create a modal window: Ext.define('myWindow', { extend: 'Ext.Container', alias: 'widget.myWindow', floating: true, modal: true, listeners: 'onMaskClick???': { close the window } ..... } How do I know when a user…
johnstoecker
  • 248
  • 1
  • 2
  • 7
13
votes
4 answers

Adding header to Ajax request

How can I add a request header to an ExtJS ajax request? I specifically want to add the header: accept-encoding to equal true.
Robo
  • 261
  • 2
  • 5
  • 13
13
votes
1 answer

Sencha Touch 2 android performance

I am hearing that sencha in general, by the mere fact of using javascript, has performance issues on android devices. I am familiar with limitations of the android webview object, but I was wondering if these performance claims have any merit,…
CQM
  • 42,592
  • 75
  • 224
  • 366
12
votes
4 answers

ExtJs4 how to disable all fields and all buttons on a panel recursively

I'm trying to disable all clickable, editable components on my panel. Calling panel.disable() grays it out, but buttons are still clickable. The same result gives panel.cascade with a function that disables each component. What is the right way to…
Andrey Selitsky
  • 2,584
  • 3
  • 28
  • 42