FAQ Database Discussion Community


Extjs 5 editing grid: datefield editor prevention of validation and completing the edit anyway

extjs,extjs5,extjs-grid
I have a table with cell editor of datefield, I want it to accept the value even if it's invalid date, without parsing and validating it. If I entered a valid date, the edit event get fired. for invalid date, the canceledit event get fired automatically. I want to enter...

ExtJS 5: SyntaxError: expected expression, got '}' using Ext.panel.Panel

javascript,extjs,extjs5
I created a simple Panel using ExtJS 5.0.1, but dont work. Every time i get the error SyntaxError: expected expression, got '}' var anchura = windowWidth; anchura *= 0.970; anchura += 1; var altura = windowHeight; altura *= 0.98; panel = new Ext.panel.Panel({ id:'ventana', autoScroll:true, height: altura, width: anchura, title:...

ViewController: create window

extjs,viewcontroller,extjs5
In ExtJS4 it was possible to do in a Controller: Ext.define('App.controller.Main', { extend: 'Ext.app.Controller', views: ['App.view.SampleWindow'], refs: [{ ref: 'sampleWindow', xtype: 'samplewindow', autoCreate: true }], init: function(application) { var win = me.getSampleWindow(); win.show(); } }); How can I accomplish this in a ViewController? The Viewcontroller has no refs property. And...

How to call action only on Action column image not on grid cell

extjs,extjs5,extjs-grid
In grid 'actioncolumn' i displayed an image using 'renderer' like, image + text On action column click i am calling some action, but click event is triggering even click on empty space in grid cell. how to prevent that click on empty space. how to identify click on link (image+text),...

Is there a way to rename, in a model, the automatically generated “id” property?

extjs,extjs4,extjs5
I have a grid which I populate by adding items to the store or by receiving already existing items by a server. This is what happens: 1-users adds new items to the grid by gui. 2-users can send new items to the server by pressing a "send" button. Each item...

ExtJS 5 - Customize Icon for selectedItem in a ComboBox

extjs,extjs5
I have a combobox that is by default having some selection which is highlighted in ExtJS framework. Along with that i also would like to add a smiley gif image for the selected item. Tried changing the style for the "x-boundlist-item" and "x-boundlist-item-selected" classes but nothing seems to be working...

Updating ExtJS Button Bound to Formula when Record's Data Changes

javascript,extjs,extjs5
I have a button and a treepanel in Ext JS 5.1.0.107. A formula determines if the button is disabled, and that formula is bound to a treepanel's selection. The button should only be enabled when the selected node is a branch and node.get("ID") has a value. The code below works...

Is it possible to dynamically update a bind in extjs5?

javascript,data-binding,extjs5
I am trying change a bind dynamically in extjs5 and I can't quite figure out how or if this is even possible or if I'm just going about this the wrong way entirely. I'll try to explain what I am trying to do. I have a textarea defined like: id:...

ExtJs 5.0 : forEach on Array of Objects not working in IE8

javascript,internet-explorer,extjs,foreach,extjs5
I've a simple model - Ext.define('MyModel', { extend: 'Ext.data.Model', requires: [ 'Ext.data.field.String' ], fields: [ { type: 'string', name: 'currentA' }, { type: 'string', name: 'currentB' }, { name: 'A' }, { name: 'B' } ] }); Here is some operation that I'm doing on the data for that model-...

Enable drag and drop of a row just if dragging is done on a specific column

extjs,extjs4,extjs5
I enabled drag and drop of a row on my grid by adding the following code to configuration parameters: viewConfig: { plugins: { ptype: 'gridviewdragdrop', dragGroup: 'firstGridDDGroup', dropGroup: 'firstGridDDGroup' } } It works, anyway I'd like for the dragging to happen just if the user does it by dragging an...

EXTJS 5.1 VERY SIMPLE TreeStore from JSON

extjs,tree,store,extjs5
I have looked around but I still don't understand how to create treestore properly. I have this very simple json that I get from a server: { "Results": [ { "name": "John", "age": 23, "cars": [ { "name": "Clio", "brand": "Renault" }, { "name": "Class S", "brand": "Mercedes" } ]...

ExtJS 5: initConfig method & Observable mixin

javascript,extjs,extjs5
Since I don't seem to be getting any answers on the Sencha Forum, I just repeat my question here: I'm currently migrating from 4.2.1 to 5.1.0.107 and am having problems understanding some stuff: Sencha dev evant states here that initConfig only needs to be called manually from the constructor in...

Testing Sencha-Cmd using Jasmine

unit-testing,extjs,extjs4,extjs5,sencha-cmd
I have found several links to test Sencha-cmd app but none of them is working for me. Jasmine with Extjs For Unit Tetsing Step Guide for Unit Testing ExtJS Application But none of them is working. Is there any good workinf example for Sencha-Cmd application. Kindly help.

ExtJS Tree panel not show elements correctly

javascript,json,extjs,extjs5
I'm creating a tree panel with data from a JSON file, when I expand a categorie shows elements correctly but if i expand another categorie the elements opened desappier, this happens with all elements in the expand and contract event. Here are a pictures of the behaviour Fist expand event:...

change button text color in ExtJS

javascript,css,css3,extjs,extjs5
I need to change text color of my button. I defined a css class like; .mbutton{ background:transparent; color:red; border:none; } and button definition is here; Ext.create('Ext.Button', { renderTo: Ext.getBody(), text: 'Red text', cls:'mbutton' }); fiddle: https://fiddle.sencha.com/#fiddle/olj...

ExtJS 5 - Paging toolbar for Grid not working with Memory Proxy

extjs,memory,proxy,paging,extjs5
I am loading inline data in my store with a memory proxy and enabling paging, but the problem is that my paging toolbar only shows the first page of data. The "Next" arrow button doesn't update the grid either. I have links to images at the bottom to show what...

Button near textfield dont show in form inside a tabpanel

javascript,forms,extjs,extjs5
Im creating a Form with tabs in Ext-JS 5.0.1. In the first tab i want to put a button near the two first textfields but when i try to insert two items (one textfield and one button) the textfield use 100% of width, not show the fieldlabel and the button...

ExtJs 5.1.0 - Unrecognized class name / alias: widget.cartesian

javascript,charts,extjs5
I want to show a stacked area chart in a new window. The enviroment is the ExtJs Webdesktop. When I create the window through: Ext.create('Desktop.displayPresences.view.displayPresencesChart').show() I always get these error messages: mypath/desktop/widget/cartesian.js?_dc=1423082524533 404 (Not Found) Error: [Ext.create] Unrecognized class name / alias: widget.cartesian I researched a lot but couldn't solve...

EXTJS 5.1 WIDGET IN GRID COLUMN HEADER

extjs5,columnheader
Is it possible to insert custom widget (for example button or checkbox) in gridpanel column header? From documentation it's unclear. Already I've tried to google it, but without any success. Please help!...

ExtJS Find the id of an element

javascript,extjs,extjs5
I have an app with the MVC model, in the view I create a slider with the listeners, but I want that the listeners are in the controller class, and I want to get the id of the element, but it is generated by a variable from a tree panel.......

ExtJS 5 textfield bug (Chrome)

extjs,extjs5
I create simple application with window and 3 field: Fiddle Link (Use Chrome) When I enter a value in the field, it looks fine. But when I change the focus,text in field moves down. All fields work similarly. After click on trigger (if field has it) text looks fine. This...

Cannot read property 'removeCls' of null for tagfield in ExtJS 5

javascript,extjs,extjs4,extjs5
I'm upgrading my ExtJs application form 4 to 5.1 . Initially I was using boxselect component from UX, but in ExtJS 5.1 this component come in core Ext directory. So I removed boxselect and replaced with tagfield as said in up gradation guide. But after doing this I start getting...

autoscroll is not working on Tree Panel

javascript,extjs,scroll,extjs5,treepanel
I try to add scrollbar to the tree panel but even if I add the autoscroll : true it doesn't scroll. here is the panel : Ext.create('Ext.tree.Panel', { title: 'asdasd', autoscroll:true, store: store, rootVisible: false, }); And also, i show this panel on new window....

ExtJs4 to ExtJs5 Upgrade: GroupedColumn Chart is not working

extjs,extjs5,sencha-charts
I am new to Extjs5. I am upgrading extJs4 to ExtJs 5. I am trying to implement a groupedColumn chart but no data shows up only the axises are visible. Even I am not getting any error. My code is as follows: Ext.define('Result', { extend: 'Ext.data.Model', fields: [ { name:...

Hide checkboxes on parent nodes in a treepanel with selModel (selType:checkboxmodel)

javascript,extjs,extjs5
In a ExtJs app i want to hide or delete the checkboxes in the parent node from a treepanel, i mean there are any way to hide the check of a principal categorie and only put in the child nodes? and put a radiobutton in these child nodes; I'm using...

ExtJS Error : No Such Entity

extjs,extjs5
I'm new with ExtJS. I want to show an edit form which need a combobox component linked to remote datastore (category datastore) like this : Ext.define('AccountingApp.view.content.accAccountSubCategory.Form', { extend: 'Ext.window.Window', xtype: 'accAccountSubCategoryForm', requires: [ 'Ext.window.Window', ], bind: { title: '{title}' }, layout: 'fit', modal: true, width: 500, height: 430, closable: true,...

Update model of a grid store on the fly

extjs,model,grid,store,extjs5
A grid is configured with a store that use a model that I can call modelA I need to change on the fly the model of the store related to the grid. I followed following approach without results: grid.getStore().setModel(modelB); grid.reconfigure( grid.getStore(), columns ); grid.getStore().load(); It continues to use the model...

Store.load() does not execute after setting a new model

extjs,sencha-architect,extjs5
I want to reconfigure a GridPanel using myGridPanel.reconfigure(store,columns). I can't use metachange event for this because I need to make a separate call for metadata (back-end constraint). I make the call for metadata, I receive the metadata that I need and then create a new model with a new set...

Using ExtJs Grid on existing HTML page

extjs,extjs5
I need to create a grid on my HTML page. I am able to do that but the whole process made me to include the complete Ext sdk folder in my solution which made my application size considerable. I do not want to make use of everything nor does my...

ExtJS Remove item of a store

javascript,extjs,extjs5
In a extjs app I have a tree panel that reads an json file, in the tree panel i have a check box that execute an action, additionally I save the checked element in a grid panel of a tab panel... I want to remove any element of the store...

How to maintain state of page with tabs on browser refresh

extjs,single-page-application,extjs5,browser-refresh
In ExtJs, what is the best way to handle Browser refresh? Say, I've a page with two tabs A and B and the token when tab A is active is #mytoken/:someidforA and the token when tab B is actibe is #mytoken/:someidforB How do we ensure that the page stays in...

ExtJS 5.1: Binding record value to component property

extjs,mvvm,data-binding,extjs5
Let's say I've got a ViewController, ViewModel, and my View. In the View, I've got a form panel that gets a loaded record. When this record loads into the form, I want to hide or show a button based on the record's status field, so I figured do something with...

Ext JS Dashboard Layout and maximize/minimize panels

extjs,layout,dashboard,extjs5,panels
I'm attaching a picture with the mock up that I'm trying to develop with Ext JS. I'm using a Border layout, and then a Dashboard for the central part, however I see some limitations on it: Panels in the dashboard don't have minimize or maximize button. How can I implement...

How to add custom CSS to view?

extjs,extjs5
I am building an application in ExtJS 5.1 using Sencha Cmd. I have the following view, located on /Web/app/app/view/guard/apps/Launcher.js: Ext.define('Web.view.guard.apps.Launcher', { extend: 'Ext.button.Button', xtype: 'widget.applauncher', scale: 'large', border: false, icon: 'http://upload.wikimedia.org/wikipedia/commons/a/ac/Approve_icon.svg', iconAlign: 'top', iconCls: 'squareImg', bodyCls: 'launcher', handler : function() { var app = Ext.create('Web.view.desktop.window.Window', { title : this.text });...

How to set maxValue in a dynamic way?

extjs,extjs5
Is there a way to send a variable to the maxvalue numberfield config? I want my maxvalue to be like another field value (the referent). It has to be dynamic since I can change the referent field anytime. I don't know what to use, it seems to me that validator...

Disable editing on combobox but still allowing search:possible?

extjs,extjs4,extjs5
I don't want to allow my user to freely write everything they please on the combobox, and I know that with: editable: false I can make this component not editable. However, this disables the useful search function as well! User should be still allowed to freely write in the combo...

How to display nested objects in a GridPanel in ExtJS (and Sencha architect)?

javascript,extjs,extjs5,sencha-architect,extjs-grid
I've got an incoming array of Offering objects that looks like this: [{ "id" : 16, "price" : 500, "quantity" : 2000, "denomination" : "case", "denominationPlural" : "cases", "product" : { "id" : 14, "description" : "This is the text description for product 14." } }, { "id" : 18,...

EXTJS 5 Load a VERY SIMPLE string array in store

javascript,arrays,extjs,store,extjs5
I have a back end service that gives me an object which only contains an array of string. This is for example what the service gives me: { "DepartementsResult": [ "AME-CM", "BMAU", "BMKR", "BNVS" ] } So to get this data I want to create a nice and simple store,...

ExtJS 5.1: Setting default ComboBox value using MVVM store

extjs,combobox,extjs5
In my ViewModel, I create an inline data store for a ComboBox that I bind to in the View. The problem that I'm having is setting a default value for the ComboBox, based on one of the values in the store... I might be understanding binding here, so I'd like...

Extjs 5, data model association & load nested data

javascript,extjs,extjs5
trying to make this work.... I want to load nested data on two object model Ext.application({ name : 'MyApp', launch : function() { Ext.define('MyApp.model.Address', { extend: 'Ext.data.Model', entityName: 'Address', fields: [ { name: 'id', type: 'int' }, { name: 'addressLine', type: 'string' }, { name: 'city', type: 'string' }, {...

ExtJS Put link in tree column of a tree panel

javascript,extjs,tree,extjs5
I want to put a link in a tree column from a tree panel, actually i can put the link that i want in the column but the link appears with a folder and the checkbox that i have in the other column, my question is how can delete this...

In ExtJS 5.1, I notice ext-all-debug,etc are in ext-5.1.0, where are /resources?

extjs,extjs5,sencha-cmd
I want to create an ExtJS 5 app by just including the full library. Not using CMD. What should my headers look like? Where is the doc on that? Instead of the standard ext-all-dev.js I now see /build/ext-all-andbox-debug. Is that the new ext-all-dev.js? Also, where are the resources? Before I...

Extjs How to load a JSON folder structure into a tree?

javascript,json,extjs,extjs5
I'm trying to create a Extjs tree with JSON data. The data I want to load into the tree contains a folder structure. But when I trie to load the data into the tree, it doesn't show anything. I have checked the json code here (JSONLint) on errors but everythin...

Extjs upgrade from 5.0 to 5.1 problems

extjs,extjs5
I have an extjs 5.0 application that don't use the MVC model, ie: all the code is in one file called app.js. I wanted to upgrade from version 5.0 to 5.1, What is the right way and steps to do so? knowing that I don't use index.html, instead I have...

ExtJS 5. include panel inside a div with renderTo

javascript,extjs,extjs5
Using ExtJS 5.0.1 i created an Ext.panel.Panel and im trying to show inside a panel with id="contenedor" but never displays. <%@page contentType="text/html" pageEncoding="UTF-8"%> <%@page language="java"%> <%@taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%> <%@taglib uri="/WEB-INF/struts-html.tld" prefix="html"%> <%@taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"%> <%@taglib uri="/WEB-INF/c.tld" prefix="c"%> <html> <head> <html:base /> <title><bean:message...

ExtJS5 Store filter “Uncaught TypeError: Cannot read property 'get' of undefined”

extjs,extjs5
I'm using the gpl version of extjs5.1.1 without sencha cmd. In my application a Grid displays correctly a Store. In the window, there is a checkbox wich code is : { xtype : 'checkbox', itemId : 'employeeFilter', value : false, boxLabel : 'Show inaktiv users', margin : '0 5 0...

ExtJS Load local json file into tree panel

javascript,json,extjs,extjs5
I want to do a tree that load information from a json local file, with the code that i have the tree load the node parent but the child node doesn't load, is something missing in my code? Model: Ext.define('modeloCapa', { extend: 'Ext.data.Model', fields: ['nombre', 'capas', 'capa'] }); Store: var...

ExtJS 5.1: Select multiple non-adjacent grid cells

extjs,extjs5
I'm trying to select multiple cells using the spreadsheet model, but it doesn't look like there's a method to select an individual cell or bunch of cells that aren't a range. (I also tried the cellmodel, but that doesn't look like it works either.) I know selectCells exists, but like...

How can addCls to Button with ViewModel binding in ExtJS5

javascript,extjs,mvvm,extjs5
I want to change css class after binding. Is it possible in ExtJS5? I added to comments. fiddle: https://fiddle.sencha.com/#fiddle/olc...

ExtJS: How to utilize UTC time in custom DateTimeField

javascript,extjs,timezone,utc,extjs5
I am trying to convert UTC timestamps to UTC Dates, modify those dates, and return the UTC timestamp of the selected date/time. Since the Ext.form.field.Date and Ext.form.field.Time fields use local time internally, I have to add 5 hours to the time and make sure the date stays the same, to...

Set ViewModel data value from inside timeout doesn't update the View

extjs,extjs5
I need to update my ViewModel data from inside a setTimeout callback function, but it doesn't work. It looks like I'm running into a problem similar to what happens when I need to update data value in Angular outside Angular and then need to call $scope.apply(), but in ExtJS' way....

ExtJS 5 - Download file from POST servlet request

javascript,extjs,extjs4,ria,extjs5
I have trying to implement the export functionality in ExtJS 5 using form submit method. And I had look at the following stackoverflow link, it helps but not fully. Extjs 4 downloading a file returned from a post request In my case i facing an issue after the request response...

In Extjs5, erase() can't relate to destory api when the proxy type is rest

rest,extjs5
This is my viewController: onRestDeleteClick: function(){ var ouType = Ext.create('MyApp.model.OuType', { id: 49, ouTypeName: 'Lenlee', entityName: 'Lenlee' }); ouType.erase(); } The model whose id is 49 exists in database. This is the OuType model: Ext.define('MyApp.model.OuType', { extend: 'Ext.data.Model', requires: [ 'Ext.data.field.Field' ], fields: [ { name:'id' }, { name: 'ouTypeName'...

ComboBox in IE 10/11 be focus

internet-explorer,extjs5
Ext version: 5.1.0.107 Browser: IE 10/11 While i create a ComboBox with a value, the ComboBox will be focus after it was rendered. demo: http://ift.tt/1326fZR How can i resolve this problem?...

Extjs can't access store by 'setRootVisible' error

extjs,extjs5
When I used a tree example from Extjs Kitchen Sink 5 to make my own tree. I will get a 'setRootVisible' error like this: Uncaught TypeError: Cannot read property 'setRootVisible' of undefined I used this example from kitchen sink: Sencha Kitchen Sink Viewpanel: Ext.define('app.view.dashboard.widget.Tree', { extend: "Ext.panel.Panel", xtype: 'tree', requires:...

extjs 5 parsing json in store

javascript,json,extjs5
I am using a reader in a store to parse a json response: { "results": 2, "errors": "", "success": true, "data": [{ "list": [{ "code": "123456", "otherCode": "Y" }, {"code": "369852", "otherCode": "G" }], "failedHost": false, "hostMessage": "", "hostReturnCode": 0 } ]} And this is my store: var gridStore =...

Sencha extjs 5.0.1: messagebox rtl on move it moves in the opposite direction

extjs,messagebox,right-to-left,extjs5
I upgraded from Extjs 5.0 to 5.0.1, Then I noticed that the message box moves to the wrong direction (away from the mouse) if the viewport rtl is set to true. Any help?...

ExtJS 5 html in combo inputfield

extjs,extjs5
I have a combobox with html values. Selected value in inputfield displaying with html tags: Fiddle here How to display value without html tags? Thanks....

execute function using Ext.Loader.setConfig with ExtJS

javascript,extjs,extjs5
Im trying to create a path with ExtJS using Ext.Loader.setConfig, im following the example from Api Docs but every time i try to execute the method holaMundo not works and not show any error. This is the code of NombreClase.js in js/pruebapath/miprueba/ Ext.define('js.pruebapath.miprueba.NombreClase', { constructor : function () { return...

How do I add a panel to a specific column of a dashboard?

javascript,extjs,dashboard,extjs-mvc,extjs5
I have an Ext.dashboard.Dashboard component. I am trying to add a panel to a specific column of the dashboard. dashboard.addView(view) works great for adding a panel to the dashboard, but it only adds it to the bottom of first column. I want to be able to add a panel to...

ExtJS 5 - How to convert Object to Collection/MixedCollection/HashMap?

javascript,extjs,extjs5
I have an object on which i would like to perform add/remove/find operation. So i'm just trying to convert that Object as HashMap/Collection object using Ext.util.Collection/Ext.util.MixedCollection/Ext.util.HashMap classes. As it is already an Object i just want to perform typecasting? Is there a straight forward option availble in ExtJS to attain...

RowExpander for duplicate records in Extjs

extjs,extjs5
I have a grid in Extjs and I want to add rowExpander on a condition, The condition is: If there is more than one record with same ID in store, then only one record will be visible in grid, but a rowExpander(plus icon) will be added with the record, And...

Ext JS 5 Data Binding Combobox

extjs,mvvm,binding,extjs5
I have an Ext JS 5.0.1 application that I am working on. I have a simple window with a grid and a form. I have the grid bound to my store and when a row is selected, all the textfields in the form bind, but I also have a combobox...

SPRING MVC: recieving object with empty attributes in a post Method using @RequestBody

java,rest,spring-mvc,jackson,extjs5
I try to send a json Object to a Rest Service. The problem is that I recieve the object with empty attributes The rest Service: @RequestMapping(value = "/retrieve_combo_values", consumes="application/json", method = RequestMethod.POST) public List<ComboValueDTO> retrieveValuesForCombo(@RequestBody ElementDTO element) throws Exception { return service.retrieveValuesForCombo(element); } ElementDTO: public class ElementDTO implements Serializable {...

ExtJS 5.1 - Grid with gridfilters plugin breaks after grid.reconfigure

javascript,extjs,grid,extjs5
I'm migrating some ExtJS 4 stuff to ExtJS 5.1. I have a grid that gets it's metadata from the server and reconfigures the store on the metachange event: store: Ext.create('Ext.data.Store', { model: 'MyModel', listeners: { metachange: function (store, meta) { this.grid.reconfigure(store, meta.columns); }, scope: this }, proxy: { type: 'ajax',...

ExtJS 5: Complex grid data - set column editor value

extjs,extjs5,roweditor
I have "complex" data--meaning there are associations in my data--and I'm trying to use these associations in my grid. I create the columns based on some of the data, and because the data is nested in an array, I set a renderer for each column... I also set an editor....

Line Chart Not Connecting Dots (Sencha-Charts Package)

javascript,extjs,extjs5,sencha-charts
I'm having issues with an extjs Cartesian chart component whereby it is failing to draw a line between two points. I've narrowed the issue down to missing interval-data for a step in a particular series but haven't found a good solution. In the following - simplified - example, you will...

Aceess extjs viewmodel store in view

extjs,extjs4,extjs-mvc,extjs5
How do I access and set store defined inside the viewmodel? I could able to set store created outside the viewmodel. But I want to keep the store inside the viewmodel and set that store in view for the grid. View Ext.define('MyApp.view.sample.Sample', { extend: 'Ext.panel.Panel', requires: [ 'MyApp.view.sample.SampleController', 'MyApp.view.sample.SampleModel' ],...

ExtJS: What are the only required files for grid?

extjs,extjs5
I have a .net application in which I have used ExtJS grid on only one page. I have included the complete EXT folder in my application that has increased the application size to a considerable amount. I am populating the grid in Ext.onready function and currently the requirement of ExtJS...

Month field on EXTJS 5.1

extjs,field,extjs5,monthcalendar
I got this awesome fiddle https://fiddle.sencha.com/#fiddle/h5i from another stack overflow post (thanks igor). BUT I have one problem: the code doesn't work if I select extjs version 5.1, which is the version I use in my application. The problem is that when I click on a month or a year,...

ExtJS 5: Understanding Ext.data.field.Field.reference config properties

extjs,extjs5
I'm trying to understand what the Ext.data.field.Field.reference configs do, as the names are a little awkward. What I'm trying to do is have data that looks like this: [{ name: 'Mulder', state: 'Virginia', friends: [{ name: 'Scully', type: 'partner' }, { name: 'Smoking Man', type: 'dad' }] }] And digest...

Extjs5 Textarea Resizing

resize,textarea,extjs5
I have the following form defined: Ext.define('Admin.view.messaging.MsgDataForm',{ extend: 'Ext.window.Window', xtype: 'msgdataform', title: 'Compose Practice Message', defaultFocus: '[name=subject]', modal: true, layout: 'fit', closable: false, width: 700, items: [{ xtype: 'form', layout: 'anchor', fieldDefaults: {labelWidth: 60,labelAlign: 'right',anchor: '100%'}, padding: 10, items: [{ xtype: 'fieldcontainer', layout: 'hbox', fieldLabel: 'Date', items: [{ xtype: 'datefield',...

How to redraw or repaint surface in ExtJS5?

javascript,extjs,extjs5
I define a drawing panel and some components which are connected each other with SVG paths. I need to redraw connection paths on surface when moving components. there is my drawing panel { xtype : 'panel', flex : 5, split : true, region : 'center', plain : true, itemId :...

ExtJS Access a controller by the view

javascript,extjs,extjs5
I want to communicate the view with the controller in a Ext App, but i can't access to the controller, i have a button in a tbar inside of a tree panel but the button doesn't execute the action in the controller... I have this code: The view: Ext.require('Ext.slider.*'); Ext.define('app.view.ViewTablaContenido',...

Extjs 5.1 chart legend

javascript,charts,legend,extjs5
I'm using Ext JS 5.1. I have a very simple problem: I have a pie chart, and a button. When I click on the button, I bind a new store to my chart. This works fine. But, if I make one element invisible in my chart (by clicking on one...

Uncaught TypeError: binding.destroy is not a function in ExtJs 5

javascript,extjs,mixins,extjs5,bindable
I am using Ext.util.StoreHolder mixin in my extjs 5.1 view.I found problem with Ext.destroy() method which throws error while destroying view having bindable mixin Ext.util.StoreHolder. I can not destroy that view, it giving me error Uncaught TypeError: binding.destroy is not a function at Ext.define.privates.removeBindings My view is using mixin: mixins:...

Ext.form.Panel, Ext 5, Align Labels and Fields

javascript,extjs,extjs5
I am utilizing an Ext.form.Panel, it's configurations are as follows: defaultType : 'textfield', layout : 'auto', height : '60%', width : '40%', floating : true, modal : true, renderTo : Ext.getBody(), closeAction : 'destroy', // default; invoked via the .close() method Within this form, I have a number of textfield...

Put a slider on each record from a tree panel extjs 5.1

javascript,jquery,extjs,extjs5
I have a tree panel with data, and i want to add a slider with a rigthclick by a event, but the slider doesn't appear. This is the code: Tree: var tree = Ext.create('Ext.tree.Panel', { title: '', width: 500, height: 400, //renderTo: Ext.getBody(), reserveScrollbar: true, loadMask: true, useArrows: true, rootVisible:...