I have a gridpanel which is failing the layout run with ext-dev and the context diagnostics on.
I tried with the page analyzer and got this:
gridview-1068<tableview>
headercontainer-1066.columnWidthsDone (=undefined)
dirty: false
setBy: ??
I am in the process of upgrading from 4.1 to 4.2. Other than CSS changes, the only problem is this grid.
It is bound to a store, the store has records, but the gridview is empty and has no nodes. So i am assuming this layout issue is related.
Changing layout to auto on the gridpanel fixes it but results in a still empty grid.
Any idea what this could be?
Edit:
I fixed the grid not displaying at all by a bad method call deep in the code base. But still I get the layout error, although it doesn't seem to affect much. Maybe because i have header: false so the failed headercontainer makes no difference.
Related
I'm attempting to use react-window-infinite-loader with a FixedSizeGrid from react-window.
Before I start, I created a codesandbox with a minimal example which I'll reference in the question.
The issues I'm having are:
The grid doesn't seem to load all of the items in view. This is seen on initial load where the bottom two items on the first page are still in the loading state. This is strange because according to the docs, the infinite loader will load rows up until the threshold, which is 15 by default.
When scrolling, items near the end of the grid are not loaded in. In the example this can be seen by scrolling to the bottom and the seeing a batch of items in the loading state.
I think that my issues are due to using the infinite loader with a grid but following the example of the list. I think that part of the issue is the isItemLoaded function because the index I get from that doesn't seem to correspond with the index of the item, but I think it's the row?
In the end I'm not sure how to resolve these as the documentation I've seen has the infinite loader being used with a list component instead of a grid component.
I am trying to implement the 'Sum' feature on a grid panel. The fields that are to be summed are calculated dynamically. I tried setting the record inside the renderer. It seems to be working but i see this exception in developer tools.
Cannot read property 'attributes' of null
Reason i think the underlying record is not changed even though the renderer changes the display with its return.
Fiddle: https://fiddle.sencha.com/#view/editor&fiddle/2d2r
Line: 192
To reproduce, please click "increase" in the "Increase or Decrease" dropdown.
Thank you!
I have a react app which uses multiple ag-grids, some within tabs.
As per this issue raised for ag-grid, when you have multiple ag-grids, some hidden within tabs, you can get warnings on console relating to zero width columns:
ag-Grid: tried to call sizeColumnsToFit() but the grid is coming back with zero width, maybe the grid is not visible yet on the screen?
Does anyone have any advice on how to resolve this? The original poster simply switched to having one grid which I cannot do
As far as I'm aware, I can run the app just fine even with the warning, but I was hoping to try and fix it in case it produces unexpected issues in the future
I was having this issue but turned out to be a bug where I was accidentally setting gridApi to undefined temporarily while switching grid data source.
I've made this very simple jsfiddle to show you this abnormal behaviour http://jsfiddle.net/mrgamer/GgUkE/2/
In my application i'm using the same methods i've written here, .loadRawData() on the store, cause .loadData() doesn't fire the 'load' event.
I'm filling the store manually cause i've to filter some JSON data, compile it, and then insert to this store.
Anyway the problem doesn't seem to be in the store, since the Grid gets populated, you can click on 2 rows, but the data isn't displayed!
Updated
There was a typo in the dataIndex properties in your columns. Required a capital 'I'
Grid Panel with Store example
http://docs.sencha.com/ext-js/4-1/#!/api/Ext.grid.Panel
Fixed code
http://jsfiddle.net/fw3Vc/1/
cmbCombobox.getStore().loadData(arrayData);
I use this code to load my arrayData into Combobox.
getStore() method does not exists anymore in ExtJs 4.
So i use this code to load data:
cmbProvince.store.loadData(provinceData);
But vertical scrollbar is gone when i load data by this code.
Has anyone realized this problem?
I ran into the same thing today. You should be able to do:
cmbProvince.createPicker()
to force it to "redraw" the dropdown, which added the scrollbar back.