Problem with my selectedItem

Question

I have a project I am working on trying to teach myself flex.
I have gotten it to read from a database and display a list of
users in the data grid. When I click on a user, I want it to
display more information in a User Details Panel. My selectedItem
is not being populated. Everything looks fine to me, but I am
obviously missing something?
Here is my ssoManager.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="
http://www.adobe.com/2006/mxml"
width="100%" height="100%"
creationComplete="init()">
<mx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.utils.ArrayUtil;
import com.rmg.sso.UserAccount;
import mx.collections.ArrayCollection;
[Bindable] private var userCollection:ArrayCollection;
[Bindable] private var selectedUser:UserAccount;
private var connection:NetConnection;
private var gateway:String = "
http://localhost/userManager/amfphp/gateway.php";
private function init():void
connection = new NetConnection();
connection.connect( gateway );
getUsers();
private function getUsers():void
connection.call( "UserAcctService.getUsers",
new Responder( onResult_users, onFault ) );
private function onResult_users( data:Object ):void
userCollection = new ArrayCollection( ArrayUtil.toArray(
data ) );
private function onFault( data:Object ):void
Alert.show( "Service Error" );
private function saveUser():void
if ( selectedUser == null )
//Create new
var newC:UserAccount = new UserAccount();
newC.userID = 0;
newC.firstName = txt_fname.text;
newC.lastName = txt_lname.text;
newC.email = txt_email.text;
connection.call( "UserAcctService.saveUser",
new Responder( onResult_save, onFault ), newC );
} else {
//Update old
var updateC:UserAccount = new UserAccount();
updateC.userID = selectedUser.userID;
updateC.firstName = txt_fname.text;
updateC.lastName = txt_lname.text;
updateC.email = txt_email.text;
connection.call( "UserAcctService.saveUser",
new Responder( onResult_update, onFault ), updateC );
private function onResult_update( data:Object ):void
trace( data );
getUsers();
private function onResult_save( data:Object ):void
trace( data );
getUsers();
private function selectHandler( event:Event ):void
//PROBLEM SEEMS TO BE HERE; NOTHING POPULATED IN
selectedUser
selectedUser = event.target.selectedItem as UserAccount;
private function onResult_delete( data:Object ):void
trace( data);
getUsers();
private function removeUser():void
if ( selectedUser != null )
connection.call( "UserAcctService.removeUser",
new Responder( onResult_delete, onFault ),
selectedUser.userID );
private function clearUser():void
selectedUser = new UserAccount();
dg_users.selectedItem = null;
txt_fname.text = "";
txt_lname.text = "";
txt_email.text = "";
]]>
</mx:Script>
<mx:ApplicationControlBar width="100%">
<mx:Image source="com/rmg/sso/logo.gif"/>
<mx:Label text="Administration"
fontSize="18"
fontWeight="bold"/>
<mx:Spacer width="100%"/>
<mx:Button label="Refresh"
click="getUsers()"/>
<mx:Button label="Remove"
click="removeUser()"/>
</mx:ApplicationControlBar>
<mx:HDividedBox width="100%" height="100%">
<mx:Panel title="User Details"
width="100%"
height="100%"
layout="horizontal" cornerRadius="10">
<mx:Form width="100%" height="100%" cornerRadius="10">
<mx:FormHeading label="User Information"/>
<mx:FormItem label="ID:" width="100%">
<mx:Label text="{ selectedUser.userID }"/>
</mx:FormItem>
<mx:FormItem label="First Name:" width="100%"
required="true">
<mx:TextInput id="txt_fname"
text="{ selectedUser.firstName }" width="100%"/>
</mx:FormItem>
<mx:FormItem label="Last Name:" width="100%"
required="true">
<mx:TextInput id="txt_lname"
text="{ selectedUser.lastName }" width="100%"/>
</mx:FormItem>
<mx:FormItem label="Email:" width="100%"
required="true">
<mx:TextInput id="txt_email"
text="{ selectedUser.email }" width="100%"/>
</mx:FormItem>
<mx:FormItem label="" direction="horizontal"
width="100%">
<mx:Button label="Clear"
click="clearUser()"/>
<mx:Button label="Save"
click="saveUser()"/>
</mx:FormItem>
</mx:Form>
</mx:Panel>
<mx:Panel title="Users"
width="100%"
height="100%"
layout="vertical" alpha="1.0">
<mx:DataGrid id="dg_users"
width="100%"
height="100%"
change="selectHandler( event )"
dataProvider="{ userCollection }">
<mx:columns>
<mx:DataGridColumn headerText="ID" dataField="userID"
width="50"/>
<mx:DataGridColumn headerText="First Name"
dataField="firstName"/>
<mx:DataGridColumn headerText="Last"
dataField="lastName"/>
<mx:DataGridColumn headerText="Email"
dataField="email"/>
</mx:columns>
</mx:DataGrid>
</mx:Panel>
</mx:HDividedBox>
</mx:VBox>
And here is my UserAccount.as
package com.rmg.sso
[RemoteClass(alias="com.rmg.sso.UserAccount")]
[Bindable]
public class UserAccount
public var userID:int;
public var firstName:String;
public var lastName:String;
public var email:String;
public var created_at:String;
public var updated_at:String;
public var isActive:String;
public var spName:String;
public var spIsActive:String;
public function UserAccount()
I have tested the php code using amfphp, and the backend
works fine; it's sending the data, but I cannot figure out why it
won't render when I select a row. Please help me. :(

Answer 1

"hallik" <[email protected]> wrote in
message
news:[email protected]...
>I have a project I am working on trying to teach myself
flex. I have gotten
>it
> to read from a database and display a list of users in
the data grid.
> When I
> click on a user, I want it to display more information
in a User Details
> Panel.
> My selectedItem is not being populated. Everything looks
fine to me, but I
> am
> obviously missing something?
>
> Here is my ssoManager.mxml
>
> <?xml version="1.0" encoding="utf-8"?>
> <mx:VBox xmlns:mx="
http://www.adobe.com/2006/mxml"
width="100%"
> height="100%"
> creationComplete="init()">
> <mx:Script>
> <![CDATA[
> import mx.controls.Alert;
> import mx.utils.ArrayUtil;
> import com.rmg.sso.UserAccount;
> import mx.collections.ArrayCollection;
>
>
> [Bindable] private var userCollection:ArrayCollection;
> [Bindable] private var selectedUser:UserAccount;
>
> private var connection:NetConnection;
> private var gateway:String =
> "
http://localhost/userManager/amfphp/gateway.php";
>
> private function init():void
> {
> connection = new NetConnection();
> connection.connect( gateway );
> getUsers();
> }
>
>
> private function getUsers():void
> {
> connection.call( "UserAcctService.getUsers",
> new Responder( onResult_users, onFault ) );
> }
>
> private function onResult_users( data:Object ):void
> {
> userCollection = new ArrayCollection( ArrayUtil.toArray(
data ) );
> }
>
> private function onFault( data:Object ):void
> {
> Alert.show( "Service Error" );
> }
>
> private function saveUser():void
> {
> if ( selectedUser == null )
> {
> //Create new
> var newC:UserAccount = new UserAccount();
> newC.userID = 0;
> newC.firstName = txt_fname.text;
> newC.lastName = txt_lname.text;
> newC.email = txt_email.text;
>
> connection.call( "UserAcctService.saveUser",
> new Responder( onResult_save, onFault ), newC );
> } else {
> //Update old
> var updateC:UserAccount = new UserAccount();
> updateC.userID = selectedUser.userID;
> updateC.firstName = txt_fname.text;
> updateC.lastName = txt_lname.text;
> updateC.email = txt_email.text;
>
>
> connection.call( "UserAcctService.saveUser",
> new Responder( onResult_update, onFault ), updateC );
> }
> }
>
> private function onResult_update( data:Object ):void
> {
> trace( data );
> getUsers();
> }
>
> private function onResult_save( data:Object ):void
> {
> trace( data );
> getUsers();
> }
>
> private function selectHandler( event:Event ):void
> {
> //PROBLEM SEEMS TO BE HERE; NOTHING
> POPULATED
> IN selectedUser
>
selectedUser = event.target.selectedItem as UserAccount;
> }
I'd put a break point in here and look to see if
event.target.selectedItem
is a UserAccount before you cast it. If not, there's a good
chance your
deserialization isn't working properly.
http://flexdiary.blogspot.com/2008/11/thoughts-on-remoting.html
HTH;
Amy