Questions tagged [extjs6]

Sencha ExtJS is a JavaScript framework for building Rich Internet Applications (RIAs).

Sencha ExtJS

Sencha ExtJS provides a complete object-oriented framework for creating a desktop-like application that runs in a web browser or packaged as a native app. It manages object lifecycle, layouts, theming, data storage, ajax communication and a large library of component-driven UI widgets including charting.

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.

  • 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. ExtJS 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

964 questions
5
votes
3 answers

Sencha extjs setValue string to numberfield

I need to use numberfield for user input number. When I set string '123,555' it shows only 123 to numberfield. But if I use textfield, it works as expected. I use this for thousand separation. xtype: 'numberfield', itemId: 'payment1', cls :…
Phon Soyang
  • 1,303
  • 2
  • 9
  • 17
5
votes
1 answer

How to select combo value on click of enter

How to select combo value on click of enter. I am using combobox and values are coming by using mouse click and click on enter. But When I choose second value by click on enter 1st value is disappear. I a using keyboard and value appear in search.…
David
  • 4,266
  • 8
  • 34
  • 69
5
votes
2 answers

ExtJs 6 stores config on Ext.app.Controller not working

I just noticed that stores config http://docs.sencha.com/extjs/6.0/6.0.2-classic/#!/api/Ext.app.Controller-cfg-stores on Ext.app.Controller is not looking in the right path (happens the same with views config). e.g…
code4jhon
  • 5,725
  • 9
  • 40
  • 60
5
votes
1 answer

What is the correct substitute for doLayout in ExtJS 6

So doLayout was removed from Ext.Container in ExtJS 6 and I'm trying to figure out what's the proper substitute of it. Or is it just not necessary at all to do a call to a method to refresh the layout ? and I'm using updateLayout but I'm not sure…
code4jhon
  • 5,725
  • 9
  • 40
  • 60
5
votes
3 answers

How to set tooltip for treelist in ExtJS?

I'm developing an ExtJs application. I want to use a treelist as follow: { xtype: 'treelist', bind: '{navimgation}', ... } My navimgation in my model is as follow: navimgation: { type: 'tree', root: { children: [{ …
4
votes
0 answers

How to combine extjs models to show informations in a grid

im struggeling a little bit with Model references in extjs (6.2.1) and to show combined informations of 2 models in a grid. I have Grid like this: Ext.define('App.view.user.UserGrid', { extend: 'Ext.grid.Panel', xtype: 'usergrid', …
A1nez
  • 41
  • 2
4
votes
3 answers

Load app.js before rest of application

I'm trying to figure out how I can load app.js before allowing the user to get the actual application. What I'm attempting to do is load a user's configuration file before all of my class Ext.defines fire... the reason I want to do this is because…
incutonez
  • 3,241
  • 9
  • 43
  • 92
4
votes
4 answers

ExtJs Two way binding between parent and child component

I have two components: A panel and a custom text field. The panel has a viewmodel and I want to bind a value (called testData) from that viewmodel to a property (called test) of the custom text field. That works fine ...basically. But when the test…
Forivin
  • 14,780
  • 27
  • 106
  • 199
4
votes
2 answers

ExtJs 6.2 classic does not work with Firefox and a touchscreen

ExtJs 6.2.0 does not work on Firefox if the screen is touch enabled. I noticed the problem using the classic version of the framework, I cannot tell if the modern version is also affected. This is the exact problem: If the screen is touch enabled,…
Lorenz Meyer
  • 19,166
  • 22
  • 75
  • 121
4
votes
4 answers

ExtJS 6 - How to upload a file without using form?

Ext JS provides fileuploadfield which is bundled with a button to browse local files. I just need to upload a file using as soon as it is selected from local instead of using a submit button in order to trigger the post process. Could not find an…
talha06
  • 6,206
  • 21
  • 92
  • 147
4
votes
1 answer

Extjs 6 Define a chained store using Ext.define

Can a chained store be define using Ext.define statement? I tried the following code but I'm getting errors: Ext.define('MyProject.store.RelFiltered', { extend: 'Ext.data.ChainedStore', source:'MyProject.store.Rel', alias:…
florin
  • 719
  • 12
  • 31
4
votes
1 answer

ExtJS 6 grid group by associated models

Context A while ago I used this answer to implement remote sorting and filtering. Using the format 'associatedModel.associatedModelField', I could easily resolve the expression in my server side code in order to query the database. Problem While…
hbulens
  • 1,872
  • 3
  • 24
  • 45
4
votes
1 answer

Why are my key events not working

Why are my key events not working in the following example? The 'blur' event works, but none of the key events work on my textfield (I also tried 'keydown'). I tried using the 'control' construct on the controller as well, but that doesn't work…
Oliver Watkins
  • 12,575
  • 33
  • 119
  • 225
4
votes
1 answer

ExtJS lookupReference not working

I'm tring to use lookReference in my ViewController but I can't get the element. Here is my view: Ext.define('MyApp.view.main.Main', { extend: 'Ext.container.Container', xtype: 'app-main', requires: [ …
VAAA
  • 14,531
  • 28
  • 130
  • 253
4
votes
1 answer

"Ext.mixin.Observable#addEvents" is deprecated in Extjs 5/6

What can we use instead of addEvents to add an event to the extended class? this.addEvents({ "itemclick" : true });
Eleanor
  • 358
  • 5
  • 24
1
2
3
64 65