extjs6

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');

Extjs Tagfield: How to close its list by clicking on its label in IE11?

纵然是瞬间 提交于 2019-12-12 02:39:36
问题 How to close the list of a Tagfield in Ext.js 6.0.2 by clicking on its label in Internet Explorer 11? Look into the Fiddle to test it. https://fiddle.sencha.com/#fiddle/1h9n 回答1: First, you need to understand what's going on better. The tag field isn't closing because you clicked on the label; it's closing because the tag field has lost focus. In Chrome, you can click anywhere outside of the tag field and it will close - not just on the label. This in turn gives a hint as to what's going on -

Ext.ux app build vs app watch (ExtJS 6.2.0 GPL)

你。 提交于 2019-12-11 16:23:59
问题 I have a problem I cannot solve regardless of books and google - but I assume is stupidly simple to answer for someone more skilled than me :-) Using CMD 6.5.2 and ExtJS 6.2.0 GPL I am trying to build a desktop application, using the sample desktop as a starting point. I can get my desktop up and running fine, modify it, show my data - as long as I use "sencha app watch classic". I have put "ux" in the requires list in app.json, and also using extend: 'Ext.ux.desktop.App' in Application.js So

ExtJS: Override all AJAX calls in production build

允我心安 提交于 2019-12-11 14:06:26
问题 What I'm trying to do is override all AJAX requests, including AJAX proxies, so what I created was an override for Ext.data.Connection. In development mode, this works like a charm, but in a production build, things get a little weird. The reason why things get weird is because we're doing something that "splits" the build (link here). Meaning, we put all of the framework code into its own file, then have "app.js," which is essentially what we use for booting our application, and "viewport.js

How to add tooltip to text form field in extjs6

别等时光非礼了梦想. 提交于 2019-12-11 13:17:59
问题 I have function for creating/rendering input fields but i don't know how to add tool tip on it in EXTjs6 this is my function: createInputField: function(value, fieldsMarginBottom, readonly) { var fieldStyle = this.getFieldStyle(readonly); var nameField = Ext.create('Ext.form.field.Text', { name: 'name', readOnly: true, hideLabel: true, value: value, width: this.fieldWidth, style: { marginBottom: fieldsMarginBottom + 'px' }, //My try which is not working tooltip: { trackMouse: true, width: 140

Where copy Extjs 6.0 new `ux` classes?

两盒软妹~` 提交于 2019-12-11 12:04:17
问题 I'm developing web application using Extjs 6.0.1. I developed an class as follow: Ext.define('Admin.view.main.Me', { extend: 'Ext.panel.Panel', xtype: 'ud_mf', . . . }); Now I want to publish it as ux . In Extjs 6.0.0 I don't know where direction copy my class. My workspace direction is as follow: .sencha Admin build ext packages workspace.json What do I do? 回答1: Create a Folder named Ux and this in root directory Add all code there with namespace Ux Add this Folder in app.json in this code

Binding Grid and Form ExtJs 6

大兔子大兔子 提交于 2019-12-11 08:42:54
问题 I have a grid populating records from view model (Ajax proxy data from Java restful web services). When I select a record in the grid form open and the fields are displayed. The records are editable using the form. I have one tag field which is binded to a store and I should be able to populate the data associated to the record whenever the user selects a record. "data" : [ { "createdOn" : 1475678859000, "updatedOn" : 1475679885000, "updatedBy" : null, "id" : 174, "userName" : "ffff,

Ext JS 6 colorfield UX - show color instead of value

爱⌒轻易说出口 提交于 2019-12-11 07:29:29
问题 Trying to use the colorfield UX and the default is that after you choose a color it shows the hex value of that color in the picker. My users don't know what that means... how can I instead set the background-color of the picker to the chosen color (without the text hex value)? Thanks! fiddle 回答1: You cannot easily remove the value from the input field, because that would cause issues with the picker and form submission. You can, however, adjust both text color and background color: listeners

How send Ajax to remote server in extjs6?

强颜欢笑 提交于 2019-12-11 04:25:56
问题 I'm developing an application using Extjs-6.0.0 in client side. I run client side application in port 80 . My server side application running in port 8084 . I want to create an Ajax request to send a request to server and this request have attributes as follow: var json = { "@class": "ir.javan.geoad.entity.Melk", "title": "itsme", "description": "Hi all", "callPhone": "0912312312", "address": "ya ali", "accuracy": "MANTAQE", "user": { "email": "itsme.mm@gmail.com", "name": "asdf", "family":