Sencha Touch Calendar，添加更多停靠项目时列表消失

Posted 2023-02-26

【中文标题】Sencha Touch Calendar，添加更多停靠项目时列表消失

【英文标题】：Sencha Touch Calendar, list disapears when adding more docked items

【发布时间】：2011-12-05 13:08:43

【问题描述】：

我正在尝试使用 Sencha Touch 日历扩展 (http://www.sencha.com/forum/showthread.php?156351-Ext.ux.TouchCalendar) 这是我使用的示例：http://www.swarmonline.com/Ext.ux.TouchCalendar/examples/simple-events-list.html

问题是当我添加一个新的停靠项目时，单击事件时获得的列表不再起作用？或者至少我再也看不到列表了。然而，列表应该存在的空间仍然存在。

这是我试图改变的代码（注释代码是我试图实现的）：

calendarPanel = new Ext.Panel(
                        fullscreen: true,
                        layout: 'fit',
                        items: [calendar],
                        dockedItems: [         
                            //  dock: 'top',
                            //  xtype: 'toolbar',
                            //  title: 'Title App'
                            //, 
                            xtype: 'toolbar',
                            dock: 'top',
                            ui: 'light',
                            items: [
                                xtype: 'segmentedbutton',
                                allowMultiple: false,
                                items: [
                                    text: 'Month',
                                    pressed: true,
                                    handler: function()
                                        calendar.setMode('month');
                                    
                                , 
                                    text: 'Week',
                                    handler: function()
                                        calendar.setMode('week');
                                    
                                ]
                            ]
                            //, 
                            //  dock: 'bottom',
                            //  xtype: 'toolbar'        
                            , 
                            dock: 'bottom',
                            xtype: 'list',
                            height: 110,
                            itemTpl: 'event location',
                            store: new Ext.data.Store(
                                model: 'Event',
                                data: []
                            )
                        ]
                    );

有谁知道如何添加 dockeditems 并保留列表？我的结构有问题吗？

【参考方案1】：

您需要更新示例文件底部的“selectionchange”事件处理程序，以便在添加新的停靠项目后 getDockedItems() 调用使用正确的索引。

处理程序的第二行应该是：

var eventList = calendarPanel.getDockedItems()[3];

这应该可以让你重新启动并运行。

希望这会有所帮助！ 斯图尔特