extjs4

When I try to add more than 3 SERIES in a LINE or SCATTER chart, an exception occurs: In Google Chrome: Uncaught TypeError: Property 'undefined' of object [object Object] is not a function In Firefox: Ext.chart.Shape[type] is not a function [Stop this error] }, attr)); This was identified by ExtJS Support as a bug: http://www.sencha.com/forum/showthread.php?140932-How-to-add-more-than-3-SERIES-in-a-LINE-or-SCATTER-chart Below follow the code: Ext.require('Ext.chart.*'); Ext.define('AM.view.user.ScatterGraphic', { extend : 'Ext.chart.Chart', alias : 'widget.scatterGraphic', title : 'All Users',

I want to create a empty viewport(layout:border) first, then add items to it, finally render and show. but when I created the viewport element, it throw an error, says: Uncaught TypeError: Cannot read property 'flex' of undefined here are my code: <script type="text/javascript" src="ext-4.0.2a/bootstrap.js"></script> <script> Ext.require(['*']); Ext.onReady(function() { Ext.QuickTips.init(); var viewport = Ext.create('Ext.container.Viewport', { layout: 'border' }); var north = blablabla... viewport.add([north,south]); viewport.doLayout(); }); </script> According to notes that are taken from

I'm using a custom validator on my combobox's: function(v) { console.log(v === 'some value I know for SURE is in the store'); // (1) var index = this.getStore().findExact(this.displayField, v); return (index!==-1) ? true : 'Invalid selection'; } Basically admits the same set as forceSelection but allows the user to type arbitrary text to attempt to auto-complete. However; I'm having really odd results with findExact() . For example, if the combobox's value is currently valid , and a user does a space + backspace , the validator will fail , even though the output of (1) is true . Any ideas what

I got a custom component in which i set the html with an xtemplate something like this Ext.apply(me, { html: mainTpl.apply() }); I want to add some textfields to my XTemplate too and i cant figure out how to do this. new Ext.XTemplate('<div Class="TopHeaderUserInfo"><div id="TopHeaderLanguageDiv" ><div Class="ActiveLanguageFlag" lang="{[ this.getLanguage() ]}" ></div>' + '<ul Class="LangSelectDropDown HeaderDropDown" style="position:absolute;"><li class="ListHeader">' + MR.locale.SelectLanguage + '</li>{[ this.renderLanguageItems() ]}</ul>' + '</div>{[this.renderUserInfo()]}</div>', { ... ...

I'm looking for a way to combine local data with ajax loaded data in a single store. It's difficult for me to explain this in english, I hope this piece of code will be more explicit : var store = Ext.create('Ext.data.Store', { autoLoad: true, fields: ['id', 'name'], proxy: { type: 'ajax', api: { read: '/read' } }, data: [{ id: 1, name: 'John' }] }); Json returned by "/read" : [{ id: 2, name: 'Jack' }] . Desired behaviour : store.count() // 2 You can use .load({addRecords: true} to add loaded records to existing records. Of course if you load again with the addRecords: true option enabled it

I am getting null while I try to obtain a loaded store from the controller. The load is a successful one too. I verified that. I have the store as follows. Ext.define('GridApp.store.schemedatastore',{ extend: 'Ext.data.Store', model: 'GridApp.model.schemedatamodel', autoLoad: true, alias: 'store.schemedata', storeId: 'schemedatastoreid', constructor:function(){ console.log('Calling parent'); this.callParent(arguments); }, listeners: { load:function(store,records,isSuccessful){ if(isSuccessful){ console.log('Load successful'); } console.log(records[0].get('name')); console.log('scheme Data