Ext.namespace("view.component");view.component.BasicView = Ext.extend(view.component.core.UIComponent, { /** * @class Serves as the main application's <code>View</code>. * All other <code>View</code>s will become children of this control making * the <code>BasicView</code> act as the 'stage'. * * @extends view.components.core.UIComponent * * @author Mike Britton * * @constructs */ constructor: function() { view.component.BasicView.superclass.constructor.call(this, view.component.BasicView.NAME); this.button_clickHandler = this.button_clickHandler.createDelegate(this); }, sendNoteButton:null, initializeChildren: function() { // Controls this.sendNoteButton = new view.component.core.UIComponent({tag: 'button', id: 'sendNoteButton', html: 'Start'}); this.addChild(this.sendNoteButton); }, childrenInitialized: function() { this.sendNoteButton.element.addListener("click", this.button_clickHandler); }, /** * Event handler for handling clicks from the user on configuration buttons. * * @param {Event} event the MouseEvent resulting from a click by the user. */ button_clickHandler: function(event, target) { var buttonElement = target; // Dispatch our custom event to be picked up by the BasicMediator. this.fireEvent(constants.EventConstants.SEND); },});/** * Static constants */Ext.apply(view.component.BasicView, { /** * Constant used as a unique name for this <code>Mediator</code> subclass. * @type String * @constant * @memberof view.mediator.ShellMediator */ NAME: "basicView"});