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

Extjs 6 'c is not a constructor'

My app is working fine during development and the file download is working great. Now after building the app with -production this code sipped fails. It tries to load some "/.js" file without an name ?!? I have this in my view requires :…
Pascal
  • 2,059
  • 3
  • 31
  • 52
3
votes
3 answers

ExtJS 6 - Where should we write styles?

I am currently trying to add custom style to a panel and the following code works, but in fact is really ugly and non reusable. In which folder and file should I write the corresponding css class and what's the correct way to bind it to this…
Alejandro Morán
  • 669
  • 1
  • 13
  • 36
3
votes
2 answers

ExtJS 6 - pivot without CMD

I would like to evaluate the features of pivot grid using simple test html without cmd. I've read the information from those links but I still couldn't install a working environment https://docs.sencha.com/extjs/6.0/co...ivot_grid.html…
Annie W.
  • 328
  • 4
  • 22
3
votes
3 answers

Sencha Cmd disable compressor

Does anyone know how to remove compression of javascript file in sencha cmd? I want that my production app.js file what fully readable. And I want to configure this in my app.json if possible. I did this: /** * Settings specific to production…
Psycho
  • 381
  • 1
  • 17
3
votes
2 answers

ExtJS 6 access messageProperty in store sync's callback

I want to display a message from my server in the UI after synchronizing an ExtJS grid. Here's an excerpt of how that goes: this.store.sync({ callback: function (records, operation, success) { // messageProperty accessing code …
hbulens
  • 1,872
  • 3
  • 24
  • 45
3
votes
2 answers

Firing custom event from custom component and handle event in viewController

I have created a custom component that extends from Ext.Panel. I have added a click listener to the custom component so that when it's clicked it will fire an event. I am instantiating the custom component in a view and I want to handle the event…
country_dev
  • 605
  • 4
  • 13
  • 23
3
votes
2 answers

EXTJS 6 : Set ComboBox's value when its store is empty

I'm developing an extjs 6 application and recently figured out that it's not possible to set the value of a ComboBox using the setValue(value) method when its store doesn't contain a record with a valueFiled equals to value as described…
hzitoun
  • 5,492
  • 1
  • 36
  • 43
3
votes
1 answer

ExtJS: Fix image over two toolbar elements

What I'm trying to do looks like this: So far, I've managed to create the two toolbars with the image inside of one of them: Ext.define('bla.bla.bla.Main', { extend: 'Ext.panel.Panel', xtype: 'app-main', header: false, id:'main', layout:…
daniegarcia254
  • 1,157
  • 4
  • 17
  • 36
3
votes
2 answers

Style that should apply to only one class is being applied to everything

I have a border layout in my viewport. Within the border layout, I have a "header" section and a "navigation" section. The folder structure looks like this: I'm trying to add style to the header portion only. I created a "Header.scss" file in my…
Chris Schmitz
  • 20,160
  • 30
  • 81
  • 137
3
votes
3 answers

Extjs 6 responsiveConfig cannot find setters for layout config items

I've got a fiddle of a base layout I'm trying to add responsive configurations to. My goal is to use a border layout where the navigation can change between the western region and the northern region depending on the window size and the layout…
Chris Schmitz
  • 20,160
  • 30
  • 81
  • 137
3
votes
2 answers

How to hide "Is this intentional?" warning in Ext JS 6?

I'm currently developing an Ext JS 6 application with some levels of inheritance on components, where some alias mappings get overridden. Ext JS debug is so friendly to let me know each time when I do this. [W] Overriding existing mapping:…
levivanzele
  • 726
  • 1
  • 13
  • 33
3
votes
6 answers

Ext JS 6 - Charts are not found despite including ext-all.js

Despite that I included ext-all.js file in my index page; getting error like below when I try this online Guage chart example provided by Sencha http://myapp.com/widget/polar.js?_dc=1436970370848 404 (Not Found) Uncaught Error: [Ext.create]…
talha06
  • 6,206
  • 21
  • 92
  • 147
2
votes
1 answer

ExtJs - Remove combobox focus from grid columns editor

I have a grid column containing combobox as its editor and am using celleditor plugin in which I want to write some validation logic. When I try to select something from the combobox cell, it is expected to lose its focus after the value is changed…
wahab memon
  • 2,193
  • 2
  • 10
  • 23
2
votes
1 answer

How does an end user clear the sorting for a grid column?

I use ExtJs 6.6.0 Classic. The grid component supports multi-column sorting (I use remoteSort: true, remoteFilter: true). Whenever the user clicks on a column header, that column becomes the first column in the order by list. But I cannot find how…
boggy
  • 3,674
  • 3
  • 33
  • 56
2
votes
1 answer

Is there a way to customize the tooltip in the Ext.grid.column.action?

Is there a way to customize the tooltip in the Ext.grid.column.Action? I'd like to set the autoHide to false. Thanks in Advance