Stack Overflow
Stack Overflow

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 package build with vendor / third party libs

In our ExtJS 6 packages we are using some third party libs for date manipulation and so on. Now when we build it we want them to be compiled/bundled/minified into the main js file from the application. How can this be done? Right now he only loads…
Robert
  • 176
  • 1
  • 19
3
votes
1 answer

lookupReference is not working in config property update method

I have a trouble with using 'lookupReference' method. I have a panel with config. Ext.define('TestPanel', { extend: 'Ext.panel.Panel', xtype: 'mypanel', referenceHolder: true, config: { value: null }, items: [{ xtype:…
ki11en
  • 657
  • 4
  • 24
3
votes
1 answer

Extjs6 association between grids

I'm trying to make associations work in grid panel: when the user click on a record in the "users" table the corresponding address should appear in the "addresses" table. I've created a fiddle for this. I want to use reference and bind using…
florin
  • 719
  • 12
  • 31
3
votes
1 answer

Ext JS associations between models

Sencha Fiddle My API returns JSON object visible in Attachments.store.Attachments data. It seems to me that the structure consists of 4 models: AttachmentObject, AttachmentDef, AttachmentFile and AttachmentNote. I've defined them in the fiddle and…
Kidman
  • 78
  • 6
3
votes
3 answers

Combo fires select event after focusleave event

Could you please tell somebody how prevent fires select event on combobox when focus leave ?
Dmytro Zlobenets
  • 77
  • 6
3
votes
1 answer

How to include custom css in Extjs 6?

I'm migrating from Extjs 4.2 to Extjs 6.2. I used to include a custom css file in the head with a simple link placed after the inclusion of Extjs. This does not work…
Lorenz Meyer
  • 19,166
  • 22
  • 75
  • 121
3
votes
2 answers

Sencha ExtJS grid checkbox model single mode deselect

I was wondering if it is possible to deselect a selected row in a ExtJS 6 grid with this selModel configuration: selModel: Ext.create('Ext.selection.CheckboxModel', { mode: 'SINGLE', checkOnly: 'true', …
hbulens
  • 1,872
  • 3
  • 24
  • 45
3
votes
3 answers

ToolTip in Grid cell - ExtJs 6

I am using below code to display Tool Tip for Grid cell In ExtJS 6 { header: 'Name', cls: 'nameCls', locked: true, tdCls: 'nameTdCls', dataIndex: 'name', renderer: function (value, metaData, record, rowIndex, colIndex, store, view) { …
Mahendra Athneria
  • 1,203
  • 3
  • 16
  • 32
3
votes
1 answer

Extjs: Drag panels inside responsiveLayout config

I have a panel like admin-dashboard example dashboard in extjs 6 examples with responsiveColumn Layout. Can I make the child panels draggable from one position to other?
AngryLeo
  • 390
  • 4
  • 23
3
votes
2 answers

What are some good approaches for reusing parts of a config?

I have several grids that share common columns for example (the issue is not limited to columns, any config object). Currently I'm doing something like this: //columns.js var columns = {"reusable1": {...}, "reusable2": {...}}; //grid…
serg
  • 109,619
  • 77
  • 317
  • 330
3
votes
2 answers

Universal app: only build classic toolkit

I have to create a universal app from scratch. First the classic app, and at some point in the future, the modern app. I have generated the app using Cmd. I have implemented the basics I need for the classic app, split off everything that can be…
Alexander
  • 19,906
  • 19
  • 75
  • 162
3
votes
2 answers

Unable to conditional hide tab by binding to data property in Ext.js 6

I have a tabpanel where I'm capturing a shopping cart on tab one, payment information on tab two, and showing a summary on tab three. I would like to hide tab two if the shopping cart total is 0. The problem I'm running into is that when I try to…
Chris Schmitz
  • 20,160
  • 30
  • 81
  • 137
3
votes
2 answers

Two-way binding not updating view model

I'm trying to use two-way binding in an Ext JS 6.0.2 component. However, it's not working how I would expect it to, or at all, as far as I can tell. I've created a minimal example: Ext.define('MyComponentController', { extend:…
Rose Kunkel
  • 3,102
  • 2
  • 27
  • 53
3
votes
2 answers

Binding values to panel title

I have a problem when I am binding values to a panel title. My code basically looks like this : Ext.define('serviceteamWorkflow.view.core.ServiceteamWorkflow', { extend: 'Ext.Panel', bind: { title: 'First Name : {firstName} Last Name…
Oliver Watkins
  • 12,575
  • 33
  • 119
  • 225
3
votes
0 answers

Rendering Component into Iframe in Extjs

I want to achieve the following stuff : I have a component in my app, and I want his rendering to be performed inside an IFrame. this.button = Ext.create({ xtype: 'button', text: 'Button', handler: function() { console.log('click',…
Psycho
  • 381
  • 1
  • 17
1 2 3
…
64 65