Sencha Touch multiple listeners on XTemplate DOM elements

SeatingChart.js

 listeners:{

                tap: {
                    element: 'element',
                    delegate: '.student-seat .doc-box, .bubble-holder',

                    fn: function(e){
                        var me = this;

                        var url = e.target.name
                            , name = e.delegatedTarget.textContent
                            , divClassName = e.delegatedTarget.className
                            , appbox = "app-box"
                            , docbox =  "doc-box"
                            , seat = "x-unsized x-button-normal x-button student-seat"
                            , seatingChartController = CHLK._app.getController('attendance.SeatingChartController');

                        switch(divClassName){

                            case docbox :
                                var me = this,
                                    config = {
                                        title: "Attachment downloaded",
                                        message: name,
                                        buttons: [{
                                            id: 'MsgConfirm',
                                            disabled: false
                                        }],
                                        scope: me
                                    };
                                Ext.ux.plugin.AutoHideMessageBox.alert(config);
                                break;

                            case appbox :
                                seatingChartController.loadTheApp(url, name);
                                break;
                            
                            case seat :
                                seatingChartController.showCommentPop(this);
                                break;

                        }
                    }
                },
            }