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

Ext JS 6.2.0 localization overrides don't work

I'm working on Ext JS MVC app, that needs to be localized. Trying to reproduce official docs (http://docs.sencha.com/extjs/6.2.0/guides/core_concepts/localization.html). Locale file load correctly. Console message: [W] Overriding existing mapping:…
Andy Infin
  • 421
  • 1
  • 4
  • 9
2
votes
1 answer

In treeview, how to display certain records a second time? (as a favourites bar)

ExtJS 6.0.1 I have a Ext.data.TreeStore with data in it. Entries have a property "favourite", which if set to true updates the actioncolumn icon to show it's been favourited. This works great, but on favouriting a record, I'd like it to appear at…
2
votes
2 answers

Generate ExtJS 6.5 web app: [ERR] javax/xml/bind/DatatypeConverter

I am using Java 9.0.4, Sencha ExtJS 6.5.3.6 trial, at directory Desktop, I run command sencha -sdk /Users/donhuvy/Documents/Setup/Software\ development/ExtJS/ext-6.5.3 generate app --ext --modern accounting_vy ./vy_sencha I see error Sencha Cmd…
Vy Do
  • 46,709
  • 59
  • 215
  • 313
2
votes
1 answer

EXTJS 6 MVVM basics confusion

I'm new to EXTJS 6 and MVVM and I'm not sure if I'm understanding things properly. Please help me with this basic example and whether this is the correct way to do things in the MVVM architecture I started by creating the sample app via sencha cmd.…
a344254
  • 571
  • 2
  • 9
  • 20
2
votes
1 answer

ExtJS 6.2 treeviewdragdrop Cannot read property 'attributes' of null

I've got this error when I try to drag and drop a row inside a treeview: Uncaught TypeError: Cannot read property 'attributes' of null at constructor.updateColumns (ext-all-debug.js:205002) at constructor.handleUpdate (ext-all-debug.js:204830) at…
Saturn
  • 362
  • 4
  • 22
2
votes
1 answer

ExtJS 6 Usage of Ext.data.Model.toUrl() method

In my application, I use Ext.app.BaseController.redirectTo() and route change events to switch between UIs. A number of interfaces at each opening should be associated with a specific set of data. I've noticed Ext.data.Model.toUrl() method (used…
Sergey Novikov
  • 4,096
  • 7
  • 33
  • 59
2
votes
1 answer

Extjs Promise with multiple async operations

Have an application where we have to perform multiple async operations (saving 2 stores and save one model) before we execute an callback. So only if all of them are successful we execute some specific code. Of course i could do that with nesting…
Robert
  • 176
  • 1
  • 19
2
votes
2 answers

Sencha extjs model.erase removes model even when server error

When calling model.erase({failure..., success...}) the model is removed even when the server responds with a HTTP StatusCode 500. The failure listener is triggered correctly but i would expect that model is not destroyed then. I can see that it is…
Robert
  • 176
  • 1
  • 19
2
votes
1 answer

How to hide menu arrow in Extjs Button

According to the docs of extjs 6.5, setting arrow property to false should hide the menu's arrow. I tried this and still can't hide the arrow. Is there any additinonal steps that I should make? var filterMenu = Ext.create('Ext.menu.Menu', { …
ozzykr
  • 23
  • 1
  • 3
2
votes
1 answer

Very Large Extjs App:Too Slow To Load

I am creating an Extjs App by Sencha CMD for which Production App.js size comes around 20 MB. Because of that, it is too slow for first time Load(Around 6-7 s Locally and 30-40s on Cloud). In there any way I can hanlde this so that my App.js size…
AngryLeo
  • 390
  • 4
  • 23
2
votes
3 answers

xss injection in numberfield of paging toolbar in extjs

I am having a security issue with extjs 6 paging toolbar for grid. i am able to inject xss script in numberfield of paging toolbar. Following is the fiddle with a paging grid. grid Fiddle link try pasting this code in the paging toolbar input field…
Jai Kishan
  • 33
  • 6
2
votes
1 answer

Restrict the user to type more than maxLength extjs Combobox

I have a combobox with a tpl I wanted to restrict the user not to type more than 8 chars. How can I achieve it as combobox doesn't have enforceMaxLength and maxLength only give a tool tip but allows the user to type the characters more than the…
Imran
  • 57
  • 1
  • 10
2
votes
0 answers

ExtJS 6 plugin.rowwidget Row body component persist on grid reload

I have a grid with Ext.grid.plugin.RowWidget. When grid store reloaded I expect all row body components to be recreated, but they remains. Here is simple fiddle, to repeat the bug: Expand first row; Change value of any textfield; Click 'Reload'…
Sergey Novikov
  • 4,096
  • 7
  • 33
  • 59
2
votes
2 answers

ExtJS 6 plugin.rowwidget Resize row body component on grid resize

I have a grid with Ext.grid.plugin.RowWidget. When grid is resized expanded row body components remains with origin width. How I can fix this issue? As temporary solution I added resize event handler as follows listeners: { …
Sergey Novikov
  • 4,096
  • 7
  • 33
  • 59
2
votes
1 answer

How to iterate through all the classes defined in ExtJS application

In a single-page ExtJS 6 application I need to scan through all classes ever declared with Ext.define method and find those implementing specific mixin. For simplicity let's assume that all classes I am interested in are already loaded, and…
Mooh
  • 744
  • 5
  • 25