ExtJs 3.0 - 工具栏菜单中的日期范围

时间:2013-01-25 08:44:13

标签: extjs extjs3

是否可以在工具栏菜单中显示日期字段(我需要日期范围)(带上下文菜单的按钮)? 注意:Extjs 3.0

所以它看起来像这样:

context menu 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'
                    }
                ]
            }

            ...

        ]
    }
}]

但是根本没有显示字段:

fields were not showed

2 个答案:

答案 0 :(得分:0)

经过研究,我还没有找到实现我需要的方法。

我尝试使用ExtJs 3.4,但是当我们选择日期时,保持菜单会出现问题。 如果有人还能找到办法 - 请写在这里。


所以我做了一个技巧 - 我生成了一个包含所有必填字段的东面板,当我们点击工具栏中的按钮时会显示它。它以这种方式看待:

Filter Panel

答案 1 :(得分:0)

不错的替代解决方案。如果你仍然需要一个没有生成面板的解决方案,我发现这个技巧有效: 在父菜单上我们添加&#39; beforehide&#39;在听众身上,它只是一个返回真值的单行函数。 ... 菜单:{     宽度:300,填充物:10,     听众:{          beforehide:function(){             返回false;         }     }, ...