1. #11
    Sencha User
    Join Date
    Apr 2009
    Posts
    48
    Vote Rating
    0
    morfeusz is on a distinguished road

      0  

    Default


    Good work.
    But how this can be use to presents from-to values?
    It is possibility to add second filter header and add to them label text (From: ... To: ...).

  2. #12
    Ext JS Premium Member SMMJ_Dev's Avatar
    Join Date
    Aug 2009
    Location
    St. Louis, MO
    Posts
    88
    Vote Rating
    0
    SMMJ_Dev will become famous soon enough

      0  

    Default


    Thanks Christiand!

    I actually do not have any time for the rest of this month to do any more work on this. Feel free to add your own customizations and updates and I can try to find time at night to incorporate them. I will have more time in October to work on additional features you have requested.

    Sincerely,


    SMMJ_DEV/Phillip W. Moore

    NOTE TO SELF: Fix bug when trying to filter for text and you have 1 extra letter that doesn't filter correctly. If you delete the 1 extra letter nothing is returned still until you delete everything out and refilter.
    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)

  3. #13
    Touch Premium Member
    Join Date
    Jun 2008
    Location
    Germany, Dortmund
    Posts
    249
    Vote Rating
    12
    hschaefer123 will become famous soon enough

      0  

    Default


    Hi Phillip,
    great work.

    for time reason i did not start to migrate my portal framework from 3.x to 4.x also a lot of plugins needs time to be migrated. Especially i missed a migration of filter header.

    I think it is the time to give Ext 4 a try and i will migrate my work to Ext 4.
    My HeaderFilter is based on the best of two Ext 3 Extensions (including filter reset functionallty, etc).

    I will rewrite my filter code based on your approach to get it working in Ext 4 and add missing features i added to my ux. Hopefully i will find the time ;-)

    Thanks for sharing,
    Holger

  4. #14
    Ext JS Premium Member SMMJ_Dev's Avatar
    Join Date
    Aug 2009
    Location
    St. Louis, MO
    Posts
    88
    Vote Rating
    0
    SMMJ_Dev will become famous soon enough

      0  

    Default


    Hey Thanks Holger!

    That's exactly where I stand with my work. I'm performing migrations from 3.x to 4. I actually never used the header filter plugin in 3, but while we were redoing our pages, this ended up becoming a priority need. There are still bugs I need to get time to go in and work them out. I have to have the bugs worked out before mid October so shortly after that the filtering should be fixed. I could probably work in extra functionality at the same time. I'm the only developer so we work on a development cycle in which our clients know that the initial releases will not have all bugs worked out on initial releases. We use our clients help to point out the bugs and then I go back and fix them. Sort of how ExtJS works with their releases

    I never used GitHub before. I was performing updates to someone's Exporter plugin and messing with that. The interface is very nice. Once I get my weekends back, I'll probably move all my code over there to make it easier for people to place in updates, fixes, etc.

    Anyways, any help would be great. I would love to see your filter code whenever you get it updated if you have the time.




    Quote Originally Posted by hschaefer123 View Post
    Hi Phillip,
    great work.

    for time reason i did not start to migrate my portal framework from 3.x to 4.x also a lot of plugins needs time to be migrated. Especially i missed a migration of filter header.

    I think it is the time to give Ext 4 a try and i will migrate my work to Ext 4.
    My HeaderFilter is based on the best of two Ext 3 Extensions (including filter reset functionallty, etc).

    I will rewrite my filter code based on your approach to get it working in Ext 4 and add missing features i added to my ux. Hopefully i will find the time ;-)

    Thanks for sharing,
    Holger
    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)

  5. #15
    Sencha User
    Join Date
    Jun 2011
    Posts
    5
    Vote Rating
    0
    drplasma is on a distinguished road

      0  

    Default Date filter is not working in opera/chrome/IE

    Date filter is not working in opera/chrome/IE


    Thanks for your efforts.i have an issue with this plugin.Date filter is not working in opera/chrome/IE.when i exactly enter the date no results are shows.when i just type 09,no results are shown neither.pls correct me if im wrong.

  6. #16
    Ext JS Premium Member SMMJ_Dev's Avatar
    Join Date
    Aug 2009
    Location
    St. Louis, MO
    Posts
    88
    Vote Rating
    0
    SMMJ_Dev will become famous soon enough

      0  

    Default


    Thanks drplasma,

    There are currently alot of bugs I still need to work out.

    One big issue is that if I filter for "abcdf" instead of "abcde" and only "abcde" exists, then I will get nothing back. Then if I press backspace to filter for "abcd" the filter is applying the filter to an already empty set of data. So if filter is called when you are not finished typing and it is an incorrect value it will not show anything once you are finished typing in the filter.
    I am calling the standard filter function on the store. The store does not correctly interpret the filter of 09 for the date. It looks like it only understands the full date for a valid date filter. For example if you paste in "09/28/1981" then the store is filtered correctly. Once I get some time, I will work out the errors.
    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. #17
    Ext JS Premium Member
    Join Date
    Nov 2008
    Posts
    289
    Vote Rating
    3
    wki01 is on a distinguished road

      0  

    Default


    It is possible to change the property "filter" with "hfilter"?
    So you can use your header-filter with the grid-filter that comes standard with ExtJS.

    It therefore has the ability to have filters on two levels ...

    thanks

  8. #18
    Ext JS Premium Member SMMJ_Dev's Avatar
    Join Date
    Aug 2009
    Location
    St. Louis, MO
    Posts
    88
    Vote Rating
    0
    SMMJ_Dev will become famous soon enough

      0  

    Default


    That's a good idea, I like it.

    I'm almost freed up in time to start working on plugins again. Also, I'm having a problem with the clearing of the filters. This is just the standard ExtJS Store filter that I am working with. This is sort of a preview on the filter clearing that I am working with:
    Button
    Code:
    {
    	xtype:'button',
    	id:'clrFilter'+BudgetType,
    	text:'Clear Filters',
    	iconCls:'clear_filter',
    	action:'clearFilter'
    }
    Action
    Code:
    var grid=button.up('gridpanel'),filters=(grid.getDockedItems("#headerFilter")[0]).query('field');
    		Ext.each(filters,function(filter,index,allFilters){
    			var header=grid.headerCt.getHeaderAtIndex(index).getEl();
    			if(header.hasCls('x-column-filtered')){filter.setRawValue('');filter.clearInvalid();header.removeCls('x-column-filtered');}
    		});
    		grid.store.clearFilter();
    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)

  9. #19
    Ext JS Premium Member SMMJ_Dev's Avatar
    Join Date
    Aug 2009
    Location
    St. Louis, MO
    Posts
    88
    Vote Rating
    0
    SMMJ_Dev will become famous soon enough

      0  

    Default


    Erg, I just noticed that now in the latest version ExtJS 4.0.6, the widths of the columns are unknown. I will have to create an updated for the next version.
    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)

  10. #20
    Ext JS Premium Member
    Join Date
    Nov 2008
    Posts
    289
    Vote Rating
    3
    wki01 is on a distinguished road

      0  

    Default


    Consider this small improvement

    Code:
    ....
                        width:item.flex||item.width,
                        listeners:{
                            scope:me,
                            change:function(field,newVal,oldVal,eOpts){
                                me.task.delay(me.updateBuffer,function(){
                                    var newFilter={
                                        property: item.dataIndex,
                                        value: field.getSubmitValue()
                                    }, myIndex=-1;
                                    Ext.Array.forEach(
    .....
    So this can work ...

    Code:
    ....
                    filter: {
                      submitFormat: "Ymd",
                        format : 'd/m/Y', 
                        xtype: 'datefield'
                    }
    ....
    thanks