extjs6-classic

问题 I have extjs project. when I use LTR Mode OR use FirFox scroll bar work well. but when I use Chrome, scrollbar after load data goes to left side instead of right side. My Code For RTl Project: Ext.define('App.Application', { extend: 'Ext.app.Application', name: 'App', requires: [ 'App.*', 'Ext.rtl.*' ], launch: function () { var whichView = 'mainview2'; var elem = document.getElementById("splash"); Ext.ariaWarn = Ext.emptyFn; Ext.getBody().removeCls('launching'); elem.parentNode.removeChild

问题 I was trying sencha 6.5, I've created a package using sencha generate package DemoPkg This has created a package for me, but I do not find directories for classic and modern inside it. Did anyone faced this issue? Any suggestion or help on this will be much appreciated. As per sencha guide the structure of package should have following structure, packages/ local/ foo/ # Top-level folder for the package .sencha/ package/ sencha.cfg # Sencha Cmd configuration for this package build-impl.xml #

问题 I am trying to create a complex filter for a grid. I want the following general behavior: The filters have a different store than the grid Apply filter on column A The grid is filtered based on my selection The filter in column B will show the available items Also, the grid has a button that clears all the filters and more, remove the checked items from the filters. Based on this link I've tried to do something similar. I've created also a fiddle. Regarding the fiddle, I have some question: 1

问题 I'm used to ExtJs with MVC pattern, and I'm trying to implement MVVM pattern. I'm not able to bind a store to my view. I have a main grid, and try to open a details grid when selecting a line. detailsView = mainPanel.add({ xtype: 'rma-details', viewModel: {data: {id: id}} }) Ext.define('Mb.view.rma.Details', { extend: 'Ext.grid.Panel', alias: 'widget.rma-details', requires: [ 'Mb.view.rma.DetailsController', 'Mb.view.rma.DetailsModel' ], controller: 'rma-details', viewModel: {type: 'rma

问题 I have a treelist working using ExtJS6 but since items are left padded automatically given their depth and text inside it gets truncated for third child and deeper. Since I use it as a menu, having fixed width. I need to remove auto calculated leftpad margin. I did not find anything useful while going through extjs api for treelist. Could anyone please help 回答1: If you look at the code of treelist and treelistitem and abstract tree list item for a minute, you see that you can use the

问题 I have a grid populating records from view model (Ajax proxy data from Java restful web services). When I select a record in the grid form open and the fields are displayed. The records are editable using the form. I have one tag field which is binded to a store and I should be able to populate the data associated to the record whenever the user selects a record. "data" : [ { "createdOn" : 1475678859000, "updatedOn" : 1475679885000, "updatedBy" : null, "id" : 174, "userName" : "ffff,

问题 I'm using a Nested grid with Row Expander plugin. everything is working fine but inside the rowexpander a combo box, which resides inside the 2nd grid, not dropping down when mouse click event is fired. The combo working properly when the Down/Up arrow keys. This is happening only when I use Chrome/Mozilla. Click event works fine with IE. 来源： https://stackoverflow.com/questions/49029199/click-event-in-combobox-inside-rowexpander-not-working

问题 I've been searching for hours to figure out how to do this. Essentially what I want to do is group data based on one column, create a summary for that grouping, then sort the groups based on the summary. Using one of their kitchen sink examples, I would like to be able to sort these groups by summary value rate. http://examples.sencha.com/extjs/6.0.0/examples/classic/grid/group-summary-grid.html 回答1: This can be done using a grouper with a sorterFn . The sorterFn should compare the summary

问题 In my Ext JS 6 app, I'm trying to create a flow layout with 3 containers, with the middle container having nested items that need to continue with the flow layout. I can get this working if I add the middle container's items directly, but I don't want to do that... I want them to be separate. Here's an example: Ext.application({ name: 'Fiddle', launch: function () { Ext.create('Ext.panel.Panel', { height: 300, width: 300, scrollable: true, renderTo: Ext.getBody(), title: 'Not properly working

问题 I want to disable horizontal scroll of panel when someone enter text in text field. First problem: Currently problem is when you enter text in any textfield and press right arrow key from keyboard (keyCode = 39) then panel horizontal also move in right direction. I want to diable that when text is entered in textfield. second Problem Horizontal scroll moves with key only when click on that panel. Fiddle : https://fiddle.sencha.com/#view/editor&fiddle/1mjd Ext.create('Ext.panel.Panel', {