extjs4.2 | 易学教程

ext-all-debug.js vs ext-all-dev.js

阅读更多关于 ext-all-debug.js vs ext-all-dev.js

问题 What is the main difference between ext-all-debug.js and ext-all-dev.js? "ext-all-debug.js" is mainly used for development & debugging. Using "ext-all-dev.js" will have any advantage? Please clarify. 回答1: ext-all.js: minified, no docs/comments ext-all-debug.js: non-minified, no docs/comments ext-all-debug-w-comments.js: non-minified, with docs/comments ext-all-dev.js: non-minified, with docs/comments, with console warnings, e.g. if you're using deprecated functions/configs or there are

Extjs grid column header, add dropdown menu item to specific columns

阅读更多关于 Extjs grid column header, add dropdown menu item to specific columns

问题 I'm trying to add a button to the column header drop-down menus in my grid. However, I only want to add it to columns with certain itemId. So far I've got it working to add the button to all columns, see code below. I dont see where I could check each column's itemId though, it doesn't seem to iterate through the columns. Is there any workaround for this? Thank you! items:[{ region:'center', xtype:'grid', columns:{ items: COLUMNS, //defined in index.php }, store:'Items', selType:

Ext.getCmp(id) or Ext.ComponentQuery.query(attribute)

阅读更多关于 Ext.getCmp(id) or Ext.ComponentQuery.query(attribute)

I am new to Extjs and using Extjs v4.2.0. To find an object I can use either Ext.getCmp(id) or Ext.ComponentQuery.query(attribute).Which one is better to use and faster? The best is to avoid using any of this two directly. Ext.getCmp is especially considered bad "code smell". You should strive to organize your code in such a way that you don't need them. Component queries are elegant, but you should use them either from a parent container (thus reducing the research tree and allowing you to leverage relative itemId ), or from a controller . It is my guess that controllers are the true reason

how to attach onclick event to XTemplate element extjs?

阅读更多关于 how to attach onclick event to XTemplate element extjs?

I am very new to extjs. I want to call onclick event once I click on div, Below is the code. Please help, Thanks in advance. var resultTemplate = new Ext.XTemplate( '<tpl for=".">', '<div class="list-item" id={value}>', '<i class="folder-icon"> </i>', '{value}', '</div>', '</tpl>' ); Ext.define('abc.view.xyz', { layout: { type: 'border', padding: 5 }, extend: 'Ext.Panel', alias: 'widget.infraTab', id: 'infraTab', margin: '10 10 10 10', border: true, items: Ext.create('Ext.view.View', { store: store, tpl: resultTemplate }) }); I want the div with class "list-item" clicked and the value of its

Grid grouping and sorting in ExtJS 4.2.1

阅读更多关于 Grid grouping and sorting in ExtJS 4.2.1

问题 I try to implement grid with grouping similar to this example: http://dev.sencha.com/deploy/ext-4.0.0/examples/grid/groupgrid.html Here data is grouped by column "Cuisine" and sorting by this column sort groups accordingly. When I paste code of this example into a project, which uses 4.2.1, or in code editor at ExtJS 4.2.1 docs site, the view is exactly the same, sorting works for column "Name", but it doesn't work by column "Cuisine". Did they remove sorting by grouping column in 4.2.1? If

Extjs 4.2 buffered store sync data does not work

阅读更多关于 Extjs 4.2 buffered store sync data does not work

Here is the store code: Ext.define('NG.store.WhatsNews', { extend: 'NG.store.AbstractStore', model: 'NG.model.auxClasses.notifications.WhatsNew', alias: 'store.whatsnewstore', autoLoad:true, buffered: true, pageSize: 50, proxy: { type: 'rest', url: 'api/WhatsNew/' } }); Here is the model: Ext.define('NG.model.auxClasses.notifications.WhatsNew', { extend: 'Ext.data.Model', idProperty:'iD', fields: [ { name: 'iD', type: 'int' }, { name: 'createDate', type: 'date', dateFormat: 'c' }, { name: 'businessArchive', type: 'string' }, { name: 'isPin', type: 'boolean' }, { name: 'previousWhatsNewEvents'

Is there a way to minify an ExtJS application without Sencha CMD?

阅读更多关于 Is there a way to minify an ExtJS application without Sencha CMD?

问题 I have an existing ExtJS app developed using ExtJS 4.2.1. I am using Closure minifier through Maven plugin minify-maven-plugin. The generated minified JS files (without merge) works fine. However, generated merged minified file throws undefined errors because the definition comes later in the merged file. My question is, is there a way I can figure out the order I have to provide the plugin? (I don't want to use Sencha Cmd) The app folder follows the structure app/common, app/controller, app

File upload in extjs 4.2 without form.submit()

阅读更多关于 File upload in extjs 4.2 without form.submit()

问题 I'm trying to upload a file (as of now of any extension) in extjs. I have a model and store. the file upload happens from a window and I dont have a form in the window. All example I tried in the net are with form.submit(). I instead use and Ajax call as below to send the data to the server. Ext.Ajax.request({ url : 'qaf/saveSetupDetails.action', params : { 'data' : recordsToSend }, failure : function(response){ //console.log('error connecting controller'); }, success : function(response){ /

Google Places Auto-complete in extjs4

阅读更多关于 Google Places Auto-complete in extjs4

I am using extjs4 and Spring at server side. I need to integrate Google Places Auto-complete inside one of the extjs4 form. Is there any way this can be done. I am not sure weather we can integrate Google Auto-complete with extjs I have searched but not find anything more specific to my requirement. Please guide me ..... look at my code ... Ext.define('abce.view.ReportMissing', { extend : 'Ext.panel.Panel', alias : 'widget.report_missing', bodyPadding : 10, autoScroll : true, frame : true, items : [{ id : 'report_form', xtype : 'form', frame : true, defaultType : 'textfield', items : [{ xtype

Use and function of the new Ext.app.EventDomain

阅读更多关于 Use and function of the new Ext.app.EventDomain

We have a huge amount of applications which all are sharing some parts (data/backend/frontend). Users may have access to one or more applications and currently the user need to load them one by one. Our Customer don't like this so we are now refactoring all into one huge application where the client itself resolves which module to load. First test looked good and due to our custom modulebuilder tool the loading times are at a min. Now I stumbled over the new Ext.app.EventDomain and wondered if we should implement it into our refactoring cause one tricky part are the events. We also have the