extjs6-modern

ExtJS Drag and Drop in tree on modern toolkit

做~自己de王妃 提交于 2021-02-11 08:07:21
问题 Actually I'm going to implement a tree view, where the user should have the option to reorder the structure with drag and drop. Actually I can't figure out how to enable drag and drop. I found a lot of examples using the 'treeviewdragdrop' plugin, which is just working with the classic toolkit. The following Code made me move the first node but not more. this.toParentSource = new Ext.drag.Source({ element: this.getView().element.down('.x-gridcell'), constrain: { element: this.getView().body,

ExtJS Drag and Drop in tree on modern toolkit

自古美人都是妖i 提交于 2021-02-11 08:06:59
问题 Actually I'm going to implement a tree view, where the user should have the option to reorder the structure with drag and drop. Actually I can't figure out how to enable drag and drop. I found a lot of examples using the 'treeviewdragdrop' plugin, which is just working with the classic toolkit. The following Code made me move the first node but not more. this.toParentSource = new Ext.drag.Source({ element: this.getView().element.down('.x-gridcell'), constrain: { element: this.getView().body,

Sencha 6.5, where classic and modern folders while create new packages

半城伤御伤魂 提交于 2021-01-27 12:39:55
问题 I was trying sencha 6.5, I've created a package using sencha generate package DemoPkg This has created a package for me, but I do not find directories for classic and modern inside it. Did anyone faced this issue? Any suggestion or help on this will be much appreciated. As per sencha guide the structure of package should have following structure, packages/ local/ foo/ # Top-level folder for the package .sencha/ package/ sencha.cfg # Sencha Cmd configuration for this package build-impl.xml #

ExtJs 6 Modern toolkit Multiselect field

僤鯓⒐⒋嵵緔 提交于 2019-12-12 05:25:29
问题 I have upgraded my project from Sencha touch to extjs universal app , Most of the things are workng but no the MultiSelect field. It was working fine in sencha touch but not working in extjs 6 modern toolkit Ext.define('Ext.ux.field.Multiselect', { extend: 'Ext.field.Select', alias : 'widget.multiselectfield', config: { delimiter: ',', mode: 'MULTI', doneButton: true }, /** * Updates the {@link #doneButton} configuration. Will change it into a button when appropriate, or just update the text

Access controller in extjs kitchensink menu example

三世轮回 提交于 2019-12-12 02:42:50
问题 I have an ExtJs 6.2. application (modern toolkit) and I want to implement the menu example (the top menu). Therefore I have this code in my Main.js file: Ext.define('MyApp.view.main.Main', { extend: 'Ext.Container', xtype: 'app-main', layout: { type: 'vbox', pack: 'center', align: 'stretch' }, controller: 'mainController', margin: '0 0 0 0', items: [{ xtype: 'toolbar', docked: 'top', style: 'background-color: red;', items: [{ text: 'Menu', handler: function() { Ext.Viewport.toggleMenu('top');

Sencha app doesn't start in Windows app package

人盡茶涼 提交于 2019-12-11 13:54:18
问题 We have a cross platform application based on Cordova (version 6.1.1) and Sencha ExtJS (cmd version 6.1.2 ext version 6.0.2). The application also uses the jQuery (version 2.1.4). Now we found a very frustrating problem on the Windows platform. We created the Visual Studio project with cordova (the sencha app is built with testing option before) When we open the Visual Studio (version 14.0.25123.00 Update 2) and build the project (in release mode) on a device, then everything works as

How to dynamically add columns for Grid ExtJs

主宰稳场 提交于 2019-12-11 04:27:46
问题 I want dynamically load columns for grid from loaded store. I used code like in sencha fiddle https://fiddle.sencha.com/#fiddle/lc5&view/editor, it work, but in modern version it dose not work. Because modern version not have reconfigure method. How can I solve that problem. 回答1: Based on your example, the solution is as follows: var grid = Ext.create({ xtype: 'grid', fullscreen: true, minHeight: 150, renderTo: document.body, plugins: { gridsummaryrow: true }, store: { fields: ['student',

ExtJS 6.x Modern Button as a Link

断了今生、忘了曾经 提交于 2019-12-08 13:29:04
问题 On menu items you are able to optionally add either a handler to handle press or mouseclick events or specify and href configuration so that when the menu is simply a link. { text: 'Example Ext Menu Item', iconCls: 'x-fa fa-cog', href: 'https://www.google.com' } For the Ext.Button (Modern) how can you have the button act as a link while still supporting the other features of a button (icons, on hover etc). For example I would like to be able to "right click" on any area of the button and