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

Best way to open browser popup window containing ExtJS grid

In our ExtJS application, we have some menus and a tab panel. Clicking on a menuItem opens a grid. we have a requirement where user can open a display containing a grid in any of the two modes: Inline - Grid will open as a tab item in the…
Vikram
  • 8,235
  • 33
  • 47
16
votes
1 answer

What exactly defer do?

I placed scrollIntoView() to make my grid scroll visible. When I add new grid in gridContainer so I using this method. This is working I can check from debugger. my scrollIntoView() grid.body.dom.scrollIntoView(); But once it reached in defer…
David
  • 4,266
  • 8
  • 34
  • 69
11
votes
1 answer

How to make automatic focus of tagfield on some condition

I have a tagfield in which I am loading some value and sending to the server. What I want is when reload that tagfield component again, those value should be automatically selected. currently They are not automatically selected, But If I am giving…
David
  • 4,266
  • 8
  • 34
  • 69
8
votes
2 answers

ExtJS 6: Issue using multiple editors in a single grid column

Notes ExtJS version: 6.2.1.167 Fiddle: fiddle.sencha.com/#view/editor&fiddle/1tlt This functionality worked in ExtJS 2.x and did not have any issues. Goal To have a grid (with a grouping feature and cell editing plugin) which can have multiple…
mibawork
  • 81
  • 4
8
votes
2 answers

How to use logical operators inside bind formulas in ExtJS?

I have 3 input fields in a form and want to make the third input enabled only when the first two inputs have values. This doesn't seem to work: Ext.define('MyApp.view.myobj.MyPanel', { extend:'Ext.Panel', viewModel: {}, items: [{ …
serg
  • 109,619
  • 77
  • 317
  • 330
8
votes
3 answers

ExtJS 6 configure Ext.ux

I'm trying to use the color picker under ext/packages/ux/classic/src/colorpicker So I set my requires : requires: [ 'Ext.plugin.Viewport', 'Ext.window.MessageBox', 'ThemeDemoApp.view.main.MainController', …
jaumard
  • 8,202
  • 3
  • 40
  • 63
7
votes
2 answers

Tagfield scroll is not working

I am using 6.0 Sometime I am getting weird problem in ExtJS 6 tagfield. I am using a tagfield with growMax : 3. Now When value selected for tagfield is more than three tyhen I am getting a pointer up and down option in tagfield. This is fine Now…
David
  • 4,266
  • 8
  • 34
  • 69
7
votes
2 answers

How to bind ViewModel Store to View?

I'm pretty new Ext JS and trying to embed a MultiSelect inside a Panel. The ViewModel has a stores property as you can see here: Ext.define('TEST.view.controls.search.SearchFilterModel', { extend: 'Ext.app.ViewModel', alias:…
Dave L.
  • 9,595
  • 7
  • 43
  • 69
7
votes
1 answer

ExtJS 6: Should I use the config object?

I'm building an application with ExtJS 6. I've already read the guides, tutorials and best practice tips. But what I dont understand yet is, why should I use the config object? With config: Ext.define('MyProject.foo.Bar', { extends:…
xhadon
  • 876
  • 14
  • 33
7
votes
1 answer

extjs shadow bug when dragging panels

I have three panels in my Ext JS project; That is one panel as a parent panel and two others are child panels. I've set the child panels to be draggable. As you can see in the code below: extend: 'Ext.tree.Panel', requires:…
6
votes
3 answers

updateLayout() causing parent container to scroll to top

calling updateLayout() is causing the parent container to "jump" to the top. Setting the viewconfig on the Ext.Container.container does not seem to help viewConfig: { preserveScrollOnRefresh: true },
Shain Padmajan
  • 424
  • 3
  • 9
6
votes
0 answers

ExtJs 6 Htmleditor in propertygrid

I want to use HtmlEditor in PropertyGrid and my framework version is ExtJS 6.0.0.640 . But, I have a problem with this... When I use Htmleditor to propertygrid a conflict to display. Yet, I change framework version to 4 not problem. For example,…
5
votes
1 answer

Unable to render data into grid column using JSON results

I have a grid store with something like this. var gridStore = Ext.create('Ext.data.Store',{ proxy : { type : 'ajax', actionMethods : { read : 'POST' }, url : 'getECIAgentWrapperJobs.do', reader…
DockYard
  • 989
  • 2
  • 12
  • 29
5
votes
0 answers

Routing Extjs deeper navigation

I'm writing a Extjs app in the 6.2.0 version, I’ve got a routing situation. My problem is when we enter on the NavigateDeep if I enter the Url ok it catches but it doesn’t render. I define the routes on the main Controller…
HDPSI
  • 51
  • 1
  • 4
5
votes
1 answer

How to Drag Name1 To Name 6 panel

How to drag a panel item from another panel? For example: I want to drag Name1 To Name 6 panel. When I tried by pressing shift+mousescrollkey, then it loose dragging item. Thanks in advance :) Fiddle: …
Ajay Thakur
  • 1,066
  • 7
  • 23
1
2 3
64 65