extjs4

问题 I wanted to add a Month and Year picker on my app. So, I found this Fiddle https://fiddle.sencha.com/#fiddle/h5i on one of stackoverflow posts. It uses Extjs 5.0 and works fine. However, if we change it to 4.2.1 the last row on the Month and Year both disappear i.e June, Dec on Months and 2015, 2020 on years disappear. The same can be seen when you choose Extjs 5.0. What should I be fixing/changing to get those rows back? I tried increasing height/width of .x-monthpicer-body etc ... but didn

问题 I have a grid like this var groupingFeature = Ext.create('Ext.grid.feature.Grouping', { groupHeaderTpl: 'Invoice: {invoice_number} ({rows.length} Item{[values.rows.length > 1 ? "s" : ""]})' }); { xtype : 'grid', store : Ext.getStore('invoice_items'), columns : [ { text: 'Invoice Number', flex: 1, dataIndex: 'invoice_number', hidden:true }, { text: 'Item Code', flex: 1, dataIndex: 'item_code'}, { text: 'Description', flex: 1.5, dataIndex: 'description' } ], features: [groupingFeature] } im

问题 I trying to update code from extjs2 to extjs4, but I have an error and something wrong with grid . My Google Chrome browser return error Cannot read property 'isTree' of undefined Ext.define('App.grid.GridPanel', { extend: 'Ext.grid.GridPanel', alias: 'widget.gridpanel', frame: false, loadMask: true, stateful: false, enableColumnHide: false, showGridHeader: true, viewConfig: { stripeRows: true }, initComponent: function() { if (!this.showGridHeader) { this.addClass('grid-no-header'); } App

问题 My page loads super slow right now. Basically, i want to pre-populate the combo boxes that i have. Right now, it pre-populates each one individually and then selects the default value. This is so slow. The user will have to wait about a minute before the page is fully loaded. I'm grabbing the values to populate the combo boxes from a server. The values to pre-select the combo box value are received in an array through the response variable. How do i speed this whole process up? Code is below:

问题 I am trying to get an instance of my view within the controller. How can I accomplish this. The main reason I am trying to do this is that I have a grid in my view that I want to disable until a selection from a combobox is made so I need to have access to the instance of the view. Help? My controller: Ext.define('STK.controller.SiteSelectController', { extend: 'Ext.app.Controller', stores: ['Inventory', 'Stacker', 'Stackers'], models: ['Inventory', 'Stackers'], views: ['scheduler.Scheduler']

问题 I'm having some problems with combobox for selecting items from database. Since more than 100 items are loaded, I use paging toolbar at bottom of combobox. Now if pages size is set to 5 or 50, the paging toolbar shows page 1 of 20 or 1 of 2 depending on pagesize, but combobox shows all 100 items, and just copy them to next page like page size is not set at all. I tried several thing but nothing seems to make it work. What's wrong? { xtype: 'combobox', queryMode: 'local', valueField: 'id',

问题 In my grid I would like to retain the grouping feature along with a groupHeaderTpl (Currently showing some custom text in the headers) , but I want to hide the [+/-] button from the header. I tried it with CSS styles but without success. Can somebody help me to achieve this? 回答1: Implement the collapsible property like this features: [{ftype:'grouping', collapsible : false}] 来源： https://stackoverflow.com/questions/13354547/hide-expand-collapse-button-in-grid-panel-group-header

问题 I need to use a customize path for the Ext.Loader in my MVC project. I've already looked through the API and found nothing useable. If I set the loader directly it gets simply overriden, as it seems by the MVC app settings. So how can I customize the loader path for a MVC app? In addition: It would be awesome if the loader could be tweaked to sumarize multiple requirements that occours by the same source into one request. Would that be possible? Thanks in advance for any suggestions Edit The

问题 I have a Grid panel containing records which, on-click, will be loaded into a Form panel for editing. On "close" of our form panel, we're calling myForm.getForm.reset(), which seems to reset the record but the values in the form fields themselves persist. // Load record me.down('form').loadRecord(record); // Close me.down('form').getForm().reset() or me.down('form').reset() Please advise how to also clear values in the form upon resetting our record. 回答1: Do you have trackResetOnLoad set to

问题 I have a tabpanel with chats on different tabs. Each tab panel has a chat and the discussions are sometime very long so, in my initComponent , I have a code to continuously scroll to bottom so I can show the latest messages: setInterval -> this.scrollBy 100000, 100000 , 100 which works fine for what it's supposed to do. The problem is that I sometimes want to see what I talked earlier and I have to scroll to top but this code obviously wouldn't let me. I implemented a hook: setInterval -> if