Search code examples
extjsextjs3

ExtJs 3.0 - Date range in the toolbar menu

Is it possible to show date fields (I need date range) in the toolbar menu (button with context menu)? Note: Extjs 3.0

So it will looks like this:

context menu with date fields

Edit:

I tried to add form with date fields:

items: [{
    text: 'Filter',
    iconCls: 'tracker-tb-filter',
    ref: '../trackerFilterBtn',
    menu: {
        items: [
            ... 

            '<b class="menu-title">Show:</b>',
            {
                text: 'All',
                checked: true,
                group: 'group-tracker-range',
                name: 'tracker-filter-range',
                value: 'all',
                handler: toolbar.filterTrackRecords.createDelegate(this)
            }, {
                xtype: 'form',
                text: 'From/To',
                group: 'group-tracker-range',
                checked: false,
                name: 'tracker-filter-range',
                handler: toolbar.filterTrackRecords.createDelegate(this),
                items: [
                    {
                        xtype: 'datefield'
                    }, {
                        xtype: 'datefield'
                    }
                ]
            }

            ...

        ]
    }
}]

But fields were not showed at all:

fields were not showed

Solution

  • After research I haven't found a way to realize what I need.

    I tried ExtJs 3.4, but there were issues with keep menu opened when we select a date. If somebody still will find a way - please write here.

    So I did a trick - I generated an east panel with all required fields, it is showed when we click on the button in toolbar. And it looks in this way:

    Filter Panel