extjs5

问题 var win = Ext.create('Ext.window.Window', { title: "Window", modal:true, width: 570, height: 440, layout: 'card', items:[{ xtype: "panel", border: true, bodyBorder: true, title: 'Panel', bodyStyle: { "background": "linear-gradient(to left, #fff , #6799ff)" }, id: 'PanelID', items:[{ xtype: 'box', id: 'BoxID', title:'Box', width: 558, height: 325, autoEl: { tag: 'iframe' }, listeners: { 'boxready': function() { var popWindowdoc = Ext.getCmp('BoxID').el.dom.contentDocument; $(popWindowdoc.body)

问题 I'm trying to change images when doing mouseover/mouseleave using CSS or SASS. However, to acomplish this I can always do: header = panel.getHeader().getEl(); and then do this: //mouse enter event header.on('mouseover', function (e) { ....... ....... }, me); //mouseleave event header.on('mouseleave', function (e) { ........ }, me); However, I'm trying to accomplish the same functionality using CSS or SASS . Basically: a) All images should be displayed by default when loading the accordion. (

问题 I'm trying to change images when doing mouseover/mouseleave using CSS or SASS. However, to acomplish this I can always do: header = panel.getHeader().getEl(); and then do this: //mouse enter event header.on('mouseover', function (e) { ....... ....... }, me); //mouseleave event header.on('mouseleave', function (e) { ........ }, me); However, I'm trying to accomplish the same functionality using CSS or SASS . Basically: a) All images should be displayed by default when loading the accordion. (

问题 I recently started to create custom theme for ExtJS 5 by Sencha. Following http://docs.sencha.com/extjs/5.0.0/core_concepts/theming.html I managed to create ThemeDemoApp, inherit ext-theme-neptune , change $base-color to green and refresh/rebuild ThemeDemoApp with my-custom-theme . All ok. My problem is, ThemeDemoApp is quite poor for testing a custom theme. A panel, tab, button and a modal window. That's it? After bit of googling I bumped into http://dev.sencha.com/ext/5.0.0/examples/themes

问题 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 want to use a combobox which receives the preselected value from a data binding and also the possible options from a data binding of the same store. The panel items configuration looks like this: { xtype: 'combobox', name: 'language_default', fieldLabel: 'Default Language', multiSelect: false, displayField: 'title', valueField: 'language_id', queryMode: 'local', bind: { value: '{database.language_default}', store: '{database.languages}' } } If I use this configuration, the store of the

问题 I have a gridpanel with a subtable inside every row. Im trying to include a double click functionality (if you click 2 times in a row, obtain the id_amenaza and redirent with an url). The code works but if i make double click collapses the row. How can i add this functionality? (or insert an image that acts as a link?) //GRIDPANEL Ext.create('Ext.grid.Panel', { renderTo: 'example-grid', store: amenazaStore, width: 748, height: 598, title: '<bean:write name="informesAGRForm" property=

问题 How can I call a handler from an button event? I want to click event a button and call that button handler? Ext.getCmp('buttonID').click(); /// How to fire handler of that button? 回答1: You may get this way: var button = Ext.getCmp('buttonID'); button.fireEvent('click', button); The second param must be button if you want to keep hanlder logic equals to common button's clicking 回答2: Ext itself does it this way: var btn = Ext.getCmp('buttonID'); var e = null; // we don't have any event, so let

问题 I'm pulling my hair out on this one... I have a view with some grids, a store and a viewModel. I need different filtered versions of the store in different grids, so I'm trying to bind each filtered store to a grid. Now I can't even get a store to load in a grid in the first place... Here's what my code looks like: Store: Ext.define('My.store.Admin.Kinder', { extend: 'Ext.data.Store', model: 'My.model.Kind', storeId: 'adminKinderStore', alias: 'store.adminKinder', proxy: { type: 'ajax',

问题 I intend to change the state of several fields in a form (hide) according to the value selected in a combobox. This can be done using methods such as setVisible () or setHidden (). It will be possible to achieve this goal using binding component state? SOLVED Fiddle https://fiddle.sencha.com/#fiddle/1itf 回答1: Yes. Using ViewModel formulas. Quoting from the documentation: Many configs you will want to bind are boolean values, such as visible (or hidden), disabled, checked, and pressed. Bind