Kapil Viren Ahuja

I still remember the day when I was so much excited to get my hands for the very first time on a computer and I can not believe that it was 12 years ago. The journey since then has been truly wonderful.

Currently, I am with Sapient as an Technical Architect work in J2EE tech stack. Front-ends have been my fort always while I continue to get my head around the services and business. My recent endeavor is in Adobe Flex which I am very excited about.

View all articles by Kapil Viren Ahuja
Now the time has come for us to wire up the view to the model and controller. Refer to the following code:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
   
    <mx:Script>
        <![CDATA[
            import classes.MVCPart1.Controller;
            import classes.MVCPart1.Model;
           
            [Bindable]
            private var model:Model = Model.getInstance();
           
            private function clickHandler():void
            {
                var controller:Controller = new Controller();
                controller.showName(personName.text);
            }
        ]]>
    </mx:Script>
   
    <mx:TextInput id="personName" />
   
    <mx:Text id="res" text="{model.result}" />
   
    <mx:Button id="showHello" label="Say Hello" click="clickHandler();"/>
</mx:Application>


Note:
  1. Button's event handler makes a call to the Controller
  2. The Text is bound to the "result" variable in the model
And now we have our hand-rolled MVC all setup.