extjs

问题 we have a big ExtJS (still ExtJs 2) application, which provides windows explorer like functionality on a Java EE server. We now evaluate implementing a new functionality; we could base this functionality on a jQuery plug in. Is it recommended to use jQuery and ExtJs in one application? Or will I have to deal with side effects occurring? 回答1: You will not have to deal with any side effect. The only problems I ever ran into when I did this is if I tried to operate on elements that Extjs relied

问题 I haven't found an existing question on this exact problem (there were several that were similar but did not help). I have a GridPanel with exam results, including when the exam was complete. The date returned from the SQL server is formatted like ' yyyy-mm-dd hh:mm:ss.uuu ' (2011-04-15 19:45:13.197). My problem is that even though the time is 19:45, it always displays as 7:45 AM. The dateformatter I am using in the datastore is ' Y-m-d H:i:s ' and ' F j, Y, g:i A ' in the column model. I

问题 I haven't found an existing question on this exact problem (there were several that were similar but did not help). I have a GridPanel with exam results, including when the exam was complete. The date returned from the SQL server is formatted like ' yyyy-mm-dd hh:mm:ss.uuu ' (2011-04-15 19:45:13.197). My problem is that even though the time is 19:45, it always displays as 7:45 AM. The dateformatter I am using in the datastore is ' Y-m-d H:i:s ' and ' F j, Y, g:i A ' in the column model. I

问题 How can I use Ext.tree.ViewDDPlugin's events? I have a TreePanel that uses DDPplugin, but I'd like to know how to listen to the drop event. This is what my code looks like: var monPretree = Ext.create('Ext.tree.Panel',{ id : 'treepanel', title : 'TITRE', //width : 800, //height : 600, width : 500, enableDD: true, useArrows : true, viewConfig : { plugins : { ptype: 'treeviewdragdrop', appendOnly: true, listeners: { drop: function (node, data, overModel, dropPosition) { alert('CHANGE'); },

问题 Here is a simple view that i want to instantiate : Ext.define('myapp.view.Home',{ extend 'Ext.Panel', xtype : 'testpanel' , config: { title:'home', iconCls:'home', cls : 'home', html: [ '<h1> Hello Guys </h1>', '<p> some text goes here </p>' ].join("") } }); i have added the view to my controller as follows : Ext.define('myapp.controller.Main', { extend : 'Ext.app.Controller', views : ['Home'], ... } i have used the xtype in my application as follows: items:[{ xtype : 'testpanel' }, Still I

问题 Here is a simple view that i want to instantiate : Ext.define('myapp.view.Home',{ extend 'Ext.Panel', xtype : 'testpanel' , config: { title:'home', iconCls:'home', cls : 'home', html: [ '<h1> Hello Guys </h1>', '<p> some text goes here </p>' ].join("") } }); i have added the view to my controller as follows : Ext.define('myapp.controller.Main', { extend : 'Ext.app.Controller', views : ['Home'], ... } i have used the xtype in my application as follows: items:[{ xtype : 'testpanel' }, Still I

问题 I'm working on a project where I have a single GridPanel on a page. The panel can display any number of rows and I have the autoHeight property set, which causes the GridPanel to expand to fit the number of rows. I now want a horizontal scrollbar because on some resolutions not all columns get displayed (and I cannot reduce the number of columns). If I set the autoHeight I have no horizontal scrollbar, if I do not set it and set a fixed height I have a horizontal scrollbar but the GridPanel

问题 Some time ago I experienced a problem where scrolling on touch devices didn't work anymore when my ExtJS 5 App was embedded in an IFrame (see this thread). I've solved this by overriding some stuff from the Ext framework (see the solution). One step of the solution was to dispatch a touchmove event to the document itself (the framework prevents default handling of this event): // ... touchmove: function(e) { window.document.dispatchEvent(e.event); } // ... Even though this solution basically

问题 I have to combine the phoneGap camera api with sencha touch. I have created a view CameraView and a controller Camera , but I don't know how to display the image captured by the camera on my view. // JavaScript Document LoginForm.views.CameraView = Ext.extend(Ext.form.FormPanel, { id:'CameraView', title: "CameraView", html:'<img height=200 width=200 id="myImage"/>', initComponent: function() { Ext.apply(this, { bodyStyle:'background-color:#fff;padding: 10px', dockedItems: [{ dock:'bottom',

问题 I am using an ExtJS grid with 50 columns and more than 1000 records. I am facing performance issues while scrolling vertically/horizontally and for cell editing. Is it possible to get smooth performance without pagination for this size of data, or is pagination the only solution? 回答1: You should use infinite scolling. This allows you to display your table with 1000 records, while they are not created in the dom, so they are not slowing down your browser. Look at this example in the docs. You