extjs4.1

问题 After creating an instance of MessageBox like this var msgBox = Ext.create('Ext.window.MessageBox',{draggable: false}); -actually draggable false was set through an override to Ext.window.Window, I'm putting it like this to make it easier to reproduce. - also I do prefer the singleton syntax but there are already a ton of instances created like this in the code I'm working on. msgBox.alert("I am a bug, try to close me to reproduce"); Trying to close this MessabeBox calls the hide method: hide

问题 I am using cell editing plugin for editing a cell. But it is like when we click that colunm it will move to edit mode. I want to show complete column with editable text box. Currently I am using following code to make it editable. selType: 'cellmodel', plugins: [ Ext.create('Ext.grid.plugin.CellEditing', { clicksToEdit: 1 }) ], columns: [ { text: ... }, { text: ... }, { text: ... }, { text: 'TText', flex: 1, dataIndex: 'TText', editor: { xtype: 'textfield', allowBlank: false } } ] 回答1: I

问题 After sync() updating just that one row that is changed but not all from response. Model: Ext.define('Exp.model.ProfileChannel', { extend: 'Ext.data.Model', fields: ['id', 'channel', 'server', 'profile'], proxy: { type: 'ajax', api: { read: '/profilechannel/list', update: '/profilechannel/save' }, reader: { type: 'json', root: 'data' } } }); Store: Ext.define('Exp.store.ProfileChannels', { extend: 'Ext.data.Store', model: 'Exp.model.ProfileChannel', autoSync: true }); Lets say in store i have

问题 I have a window include many combo with default autoload = false. I want to wait all combo in my window is loaded after that i will show window like var arrCombos = window.query('combo'); Ext.each(arrCombos, function(combo){ combo.getStore().load(); // load }); WaitForFunction(arrCombos); // wait for loading done window.show(); // show my window Here is my WaitForFunction function WaitForFunction(arrCombos) { var all = 1; Ext.each(arrCombos, function(combo){ if (combo.store.isLoading()) { all

问题 I am trying to implement file upload feature using extjs 4.1.0. Whereas I want to restrict users to select only image files(jpg,png,gif). Is there any filter which can be applied so that users will only be able to see and then select the types of the files mentioned above? 回答1: See http://docs.sencha.com/ext-js/4-1/#!/api/Ext.form.field.VTypes VAlidation types for an example of a custom type. You could use a regexp to specify alphaMask as well. 回答2: You could stuff like this as well : { xtype

问题 Mootools and ExtJs have a compatibility issue when used on the same page. Mootools throws the following error : Uncaught TypeError: Property 'id' of object #<HTMLDocument> is not a function How can we use both frameworks side by side ? Is there a workaround ? 回答1: This looks like a document.id('..') reference issue, it is defined but it's not the mootools method... Nothing will work if it's not pointed to the mootools method. I would argue that ExtJS or your app has added a property id to

问题 I'm creating an extjs grid panel which has a user configurable set of columns. The Ext.grid.Panel component provides a handy reconfigure(store, columns) method for exactly this purpose. This method works as expected to reconfigure a grid's store/columns without having to completely destroy and recreate the grid. However, if you are using the Ext.grid.plugins.RowEditing plugin to provide inline row editing, the columns get out of sync after the grid has been reconfigured with new columns. This

问题 I have trivial window: this.window = Ext.widget('window', { title: 'Find', closeAction: 'hide', width: 300, layout: 'fit', items: form }); with trivial form in it var form = Ext.widget('form', { layout: { type: 'vbox', align: 'stretch' }, border: false, bodyPadding: 10, items: [ this.findInput, ] }); which only has one item this.findInput = Ext.widget('textfield', { name: 'find' }); The issue is: how to set focus right after window is shown? I tried to call .focus() method of this.findInput

问题 In my project, I am trying to change the background color of all the panels inside a container. The code which I am trying is as follows: container --> panel (don't change) --> panel (Change) //Generated dynamically using for loop. listeners: { 'render': function(panel) { panel.body.on('click', function() { //here change the background color of all the panels inside the container>panel. }); } } What should I write to change the background color of the only panels which are present inside the

问题 Where can previous versions of Extjs can be downloaded from ? Specifically I would like to get extjs-4.1.1a and btw what is up with the 'a' is this different from extjs-4.1.1? 回答1: From this repos: https://github.com/probonogeek/extjs/commits/master https://github.com/bjornharrtell/extjs/commits/master For the missing 4.1.3 here is another repo: https://github.com/zenoss/zenoss-extjs/blob/master/ext-4.1.3.zip?raw=true Took from: http://www.sencha.com/forum/showthread.php?291411-where-i-can