extjs

问题 I have Ext GridPanel inside Ext Window. For making Ext Window Resizeable, I made its property true and it worked fine. But, also want to make grid resizeable. So, for that also I tried with resizeable: true . No Luck! Here, my code for GridPanel new Ext.grid.GridPanel({ height: 295, id: 'productGrid', store: productStore, disableSelection: true, loadMask: true, stripeRows: true, region: 'south', resizeable: true, // not working autoExpandColumn: 'auto-expand', cm: new Ext.grid.ColumnModel({

问题 Ext.grid.column.Column class has following configs: draggable (Defaults to: true) sortable (Defaults to: true) menuDisabled (Defaults to: false) Is it possible to change default values of this configs globally for all grid columns in my application ? Any help appreciated. 回答1: yes, using Ext.override...... http://docs.sencha.com/extjs/5.1/5.1.0-apidocs/#!/api/Ext-method-override example... Ext.override(Ext.grid.column.Column, { draggable: true, sortable: true, menuDisabled: false }); 回答2:

问题 I have an application where i am using sencha touch JS API for UI rendering. The UI works fine in chrome browser but not working in Android or iPhone device. i have used the following code. Ext.regModel('Contact', { fields: ['firstName', 'lastName'] }); var store1 = new Ext.data.JsonStore({ model : 'Contact', autoLoad : true, autoDestroy : true, data: [ {firstName: 'Tommy', lastName: 'Maintz'}, {firstName: 'Rob', lastName: 'Dougan'}, {firstName: 'Ed', lastName: 'Spencer'}, {firstName:

问题 I have started work on charts using Ext.js. I am new for this Ext.js. i have attached both image chart1 and chart2. I need to design chart like chart1 but it is not coming. I have did chart but it is showing like chart2. How can achieve like chart1. I have attached both images for references. Can any one give me hints/solution how to solve this issue. based on date and job value graph line has to come and another graph line based on downtime and date has to come .In first chart1 blue/red dot

问题 I have just created the default sample app using Sencha Touch 2 by the command sencha app create FirstApp D:/Sencha/MyFirstApp all I tried running the index.html but it keeps showing only the progress bar in my chrome and not the default page. 回答1: I was facing the same problem, and had to do a lot of research before I got to the solution. I'm using sencha touch 2 and running it on IIS server 7. IIS by default does not serve JSON files. So in my Chrome console IIS was returning a file not

问题 how to reuse the same item in multiple tab so that when that item change, other tab will reflect the changes i try this code but the label in first tab not shown: var label = Ext.create('Ext.form.Label', { text : 'mylabel' }); Ext.onReady(function() { Ext.create('Ext.tab.Panel', { width : 200, height : 200, renderTo : Ext.getBody(), items : [{ title : 'tab1', items : [label, { xtype : 'button', handler : function() { label.setText('changed from tab1'); } }] }, { title : 'tab2', items : [label

问题 I create a window containing grids that send off ajax requests. Now, I immediatley close the window again before the grids are fully created and the ajax requests return. I have two problems: My components within a window are still "alive" after a window is destroyed Chrome console lists them. Although my window has the autoDestroy: true the gridpanel and store are still existing after the window is closed. When closed, the destroy event is fired. Docs say, all components under the window

问题 I'm trying to read the headers of the coming response upon Ext.ajax.request. Here it is the code: Ext.Ajax.request({ url: 'http://localhost:3000/v0.1/login' , method: 'POST', scope:this, jsonData: {"_username":username,"_userpwd":password}, success: function(responseObject){ var headers = responseObject.getAllResponseHeaders(); console.info(headers ); Ext.destroy(Ext.ComponentQuery.query('#loginWindow')); this.application.getController('SiteViewController').showView(); }, failure: function

问题 I'm trying to read the headers of the coming response upon Ext.ajax.request. Here it is the code: Ext.Ajax.request({ url: 'http://localhost:3000/v0.1/login' , method: 'POST', scope:this, jsonData: {"_username":username,"_userpwd":password}, success: function(responseObject){ var headers = responseObject.getAllResponseHeaders(); console.info(headers ); Ext.destroy(Ext.ComponentQuery.query('#loginWindow')); this.application.getController('SiteViewController').showView(); }, failure: function

问题 Is it possible to show combobox (better if it will be extjs combo) in the tab's title? I have created an example on jsfiddle but there are such issues: 1. It is not possible to show combo's options list (mouse click don't work) 2. Tab's height is incorrect (I guess this can be fixed by applying height to the combo). Sample code: new Ext.TabPanel({ renderTo: 'tab-with-combo', activeTab: 0, items:[ { title: 'First tab ' + '<select>' + '<option>Option 1</option>' + '<option>Option 2</option>' +