-
3 Nov 2011 11:54 AM #11
-
3 Nov 2011 11:56 AM #12
-
3 Nov 2011 12:18 PM #13
@Leonardo
Here is the screen of what I am talking about. If I set filter: false for a column in the middle of the grid, it displays correctly .. the color of the header:
Correct:
Selection_011.png
If I do the same on the first column, it displays incorrectly as:
Selection_013.png
This is also how the last column displays when I hover to select the 'clear all filter' that you create
Edit: I believe the above issue has to do with the sorting icon, but it still gives you an idea on how the clear all displays on hover without any text/icon
Regards,
Scott
-
3 Nov 2011 12:32 PM #14
Column without filterBar:
Selection_014.png
Column with filterBar:
Selection_015.png
If you hover the column with filter, then it displays as first image.
Regards,
Scott.
-
3 Nov 2011 12:57 PM #15
Scott if i undertand.
Seems that you are talking about the css gradient that is expanded.
I was using grey theme and doen't note that.
Is a sass thing, i'll try to fix it but really it doen't matter for me.
Regards,
Leonardo
-
4 Nov 2011 9:31 AM #16
I didn't dig into the RowNumberer internals to see, but from what I've seen before it's essentially creating another column which can be customized like any other. There may be more to this, and I'll try to remember to look into it when I'm done coding what I'm working on.
Using:
ExtJS 2.2, 3.2, 4.0.7a
WinXP SP3
FF10,6; IE6; IE8; Safari
-
7 Nov 2011 7:23 AM #17
Nice, I can't wait to check it out. I have had absolutely no time to show all my updates and extensions I created. Not to mention the updates for 4.1. I will definitely take a look at this to see if I can't bring something together for more elegant solutions for my 4.1 updates.
In order to get the filters working correctly with resizing and moving of columns I had to override the HeaderResizer plugin for column resizing and DropZone code for moving columns around. I think I might be able to fix the issue calling doComponentLayout on different grid events, but I have not tried it yet. I have posted a bug and they are working on it, so I might not have to do this once they update for the bug.
ExtJS 4.0 - Ext.ux.grid.FooterSummary (Coming Soon)
ExtJS 4.0 - Ext.ux.form.field.IPhoneSwitch (Coming Soon)
ExtJS 4.0 - Ext.ux.grid.HeaderFilter (Updates Coming Soon)
ExtJS 4.0 - Ext.ux.menu.DynamicMenu
ExtJS 4.0 - Ext.ux.form.field.ClearableCombo
ExtJS 4.0 - Ext.ux.form.field.FormPanelEditor
ExtJS 4.0 - Grouping Extra Features (Overrides) (Updates Coming Soon)
-
7 Nov 2011 7:44 AM #18
Thanks SMMJ for your first approach!
-
8 Nov 2011 11:48 AM #19
@Leonardo:
Here is what I am referring to on the extra column.2) extraColumn: Don't understand the point? Do you mean the background-color = white on hover? That's intentional, i get the idea from the saki's one that you linked. If is not, post screenshot please.
If you look at the example from Saki, it displays the 'X' for clear all where the grid scrollbar would even if there is no scrollbar.
(1 space)
Selection_006.png
In your version it creates an extra column beside the scrollbar space would go and you now have 2 spaces at the end of your grid.
(2 spaces)
Selection_008.png
If you could update it to just use the space over the scrollbar, that would look much better.
Again, looking at the example:
http://www.sencha-addons.com/public/gms/examples/index.html
If you resize the window to display the scrollbar, there is no change in the spacing.
Regards,
Scott.
-
8 Nov 2011 3:34 PM #20
Ext 3.x always reserves space for vertical scrollbar, Ext4 shows/hides the scroller on demands.
I've nothing to do with this, i can`t trust in 4 scroller.



Reply With Quote