extjs4

问题 How can I draw an stock chart or a line chart with hundreds points? I disabled animation in regular line chart, but not successful and still too heavy and slow. 回答1: I've recently written a blog post on creating stock charts in Ext JS 4 - http://www.scottlogic.co.uk/2011/12/ext-js-4-stock-charts/. It uses a couple of hundred points and performs fine in modern browsers and isn't too bad in IE7-8. This said however, even after messing with the Ext JS build system, the minimum Ext build required

问题 I'm trying to load 'nested' data in a hasMany relation in ExtJS4. My model looks like this: Ext.define("Entrypage.model.Entrypage",{ extend: "Ext.data.Model", fields: ['id','title','urlkey','text','picture','keywords', 'searchterms','description','critriamodus'], hasMany: {model: 'EntrypageCriterium',name:'brands'}, proxy: { type: 'ajax', url: '/Admin/extjson/entrypages', reader: {type:'json', root:'entrypages'} } }); And EntrypageCriterium : Ext.define("Entrypage.model.EntrypageCriterium",{

问题 I need to show/hide columns of a grid on the fly, but it seems that ExtJs 4 has no implemented method for that. In previous versions I should use columnModel, what doesn't exist anymore. Just get grid.columns[index] and hide() or show() doesn't affect the grid. Use grid.columnManaget.getColumns()[index].hide() can really hide the column, but it cannot be shown again (as getColumns() does not return that column after that). 回答1: The following should work: Ext.create('Ext.grid.Panel', { title:

问题 I have an ExtJS DataView with following template: <ul> <tpl for="."> <li class="report-field" id="{listId}"> {[this.getReorderLinks(values, xindex, xcount)]} <span class="field-title small" data-qtip="{displayName}">{displayName}</span> <i class="field-remove" title="' + deleteLabel + '"></i> </li> </tpl> </ul> Which makes each list of items look like this: Where user can click on different icons and perform related action, moving up/down in order and remove. Note that these items are added

问题 How to apply loadMask to only one element, and not the whole browser width-height? default here, only one element is masked, and a messageBox is in center, inside this element and not the whole display... any ideas? EDIT: @Molecule , thanks, but this is when data is loading from some source, what i need is : { xtype:"button", text:"Alert", handler: function(){ Ext.Msg.show({ title:'Save Changes?', msg: 'You are closing ?', buttons: Ext.Msg.YES, setLoading: // here somehow only mask parent

问题 In extjs3.x I used the stores baseParams config property to specify parameters used to load the store. This property no longer exists in extjs 4. What should I do instead of this? Also in extjs3 I was able to specify wether the stores proxy was a GET or a POST method by using the proxy method config property. What should I do instead of this? My ExtJs 3 code -> var store = new Ext.data.JsonStore({ root: 'Data', baseParams: { StartDate: '', EndDate: ''' },//baseParams proxy: new Ext.data

问题 I have two data models: Writer.AttributValeur and Writer.Produit . Writer.Produit has HasMany / BelongsTo relationship with Writer.AttributValeur . Thus the definition is like this: Ext.define('Writer.AttributValeur', { extend: 'Ext.data.Model', fields: [{ name: 'id', type: 'int', useNull: true }, 'description', 'val' ], belongsTo: 'Writer.Produit' }); Ext.define('Writer.Produit', { extend: 'Ext.data.Model', fields: [{ name: 'id', type: 'int', useNull: true }, 'titre', 'description' ],

问题 Like a window in microsoft OS (xp,vista, 7 etc)... If a main window create a modal window, the user can't access the main window, (including close and access the toolbar etc). I want to make a similar one with extjs. This is my modal example : Ext.create("Ext.Window", { title: 'aa', width: 200, height: 150, html: 'a', tbar: [{ text: 'aa', handler: function() { Ext.create("Ext.Window", { title: 'aa', width: 150, closable: false, height: 100, html: 'b', ownerCt: this, modal: true }).show(); } }

问题 I have two data models: Writer.AttributValeur and Writer.Produit . Writer.Produit has HasMany / BelongsTo relationship with Writer.AttributValeur . Thus the definition is like this: Ext.define('Writer.AttributValeur', { extend: 'Ext.data.Model', fields: [{ name: 'id', type: 'int', useNull: true }, 'description', 'val' ], belongsTo: 'Writer.Produit' }); Ext.define('Writer.Produit', { extend: 'Ext.data.Model', fields: [{ name: 'id', type: 'int', useNull: true }, 'titre', 'description' ],

问题 I'm trying to disable all clickable, editable components on my panel. Calling panel.disable() grays it out, but buttons are still clickable. The same result gives panel.cascade with a function that disables each component. What is the right way to do this? 回答1: If you are using ExtJs 4.x , this is what you are looking for - myFormPanel.query('.field, .button').forEach(function(c){c.setDisabled(false);}); (Modify your selector based on the complexity of your form. You can just use .component