package org.rianotes.CairngormSample.model
{
import com.adobe.cairngorm.model.IModelLocator;

import mx.collections.ArrayCollection;

[Bindable]
public class ViewModelLocator implements IModelLocator {

// Single Instance of Our ModelLocator
private static var instance:ViewModelLocator;
public function ViewModelLocator(enforcer:SingletonEnforcer) {
if (enforcer == null) {
throw new Error( "You Can Only Have One ViewModelLocator" );
}
}

// 回傳已存的變數
// Returns the Single Instance
public static function getInstance() : ViewModelLocator {
if (instance == null) {
instance = new ViewModelLocator( new SingletonEnforcer );
}
return instance;
}

//在下面定義你要的變數 - DEFINE YOUR VARIABLES HERE
public var contactbook:ArrayCollection = new ArrayCollection();

}
}

// Utility Class to Deny Access to Constructor
class SingletonEnforcer {}

<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml"
horizontalAlign="right">
<mx:Script>
<![CDATA[
import org.rianotes.CairngormSample.vo.User;
import mx.controls.Alert;
import org.rianotes.CairngormSample.model.ViewModelLocator;
private var modelOne:ViewModelLocator = ViewModelLocator.getInstance();

private function addPerson(e:MouseEvent):void{
if(tiUserID.text && tiEmail.text){
var usercontact:User = new User();
usercontact.UserID = tiUserID.text;
usercontact.Email = tiEmail.text;
modelOne.contactbook.addItem(usercontact);

tiUserID.text = "";
tiEmail.text = "";
}
else{
mx.controls.Alert.show("使用者ID與電子郵件不可為空！");
}
}
]]>
</mx:Script>

<mx:Form borderStyle="solid" width="100%" height="100%">
<mx:FormItem label="UserID :" width="100%">
<mx:TextInput id="tiUserID" width="100%"/>
</mx:FormItem>

<mx:FormItem label="Email: " width="100%">
<mx:TextInput id="tiEmail" width="100%"/>
</mx:FormItem>

</mx:Form>

<mx:Button label="输入" click="addPerson(event)" />
</mx:VBox>

<?xml version="1.0" encoding="utf-8"?>
<mx:DataGrid xmlns:mx="http://www.adobe.com/2006/mxml"
dataProvider="{modelOne.contactbook}">

<mx:Script>
<![CDATA[
import org.rianotes.CairngormSample.model.ViewModelLocator;

private var modelOne:ViewModelLocator = ViewModelLocator.getInstance();
]]>
</mx:Script>

<mx:columns>
<mx:DataGridColumn headerText=" - UserID - " width="75" dataField="UserID" />
<mx:DataGridColumn headerText=" - Email - " dataField="Email"/>
</mx:columns>
</mx:DataGrid>

package org.rianotes.CairngormSample.vo
{
public class User
{
public var UserID:String;
public var Email:String;

public function User()
{
}

}
}

<?xml version="1.0" encoding="utf-8"?>
<mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute" xmlns:components="org.rianotes.CairngormSample.view.components.*">

<mx:Script>
<![CDATA[
import org.rianotes.CairngormSample.model.ViewModelLocator;

private var modelOne:ViewModelLocator = ViewModelLocator.getInstance();

]]>
</mx:Script>
<mx:HBox width="500" height="200">
<mx:VBox>
<mx:Label text="{'Number of Contacts: ' + modelOne.contactbook.length}" />
<components:ContactbookGrid width="100%" height="100%" />
</mx:VBox>
<components:AddPersonForm width="100%" height="100%" />
</mx:HBox>

</mx:Application>