Set Combobox value based on Datagrid selectedItem

Question

I have been searching the forums and google for some time now
and I'm not sure how do this. I populate a datagrid from a
httpservice call to a php script. The datagrid is displaying
perfectly. I also populate two comboboxes from the same httpservice
with specific values. When I select a row in the datagrid, I'd like
the value of the combobox to change to that which corresponds to
the value from the datagrid.
I also have a few TextInput fields mixed in with the
comboboxes and I'm able to set those to the
datagridname.selectedItem.item. I would like to do the same for the
comboboxes.
The reason is so that I can edit users in a group within a
database. The comboboxes are for the specific groups that are
allowed to all users.
Please let me know if any other information is necessary. I
didn't think any of my current code would help with this question.
Any examples would be great, I just couldn't find any....
Thanks in advance for your time.
Chris

Answer 1

Tracy - I think I'm progressing, but I'm still running into
problems. I've changed the httpservice to call an eventhandler,
which in turn I use in the datagrid to populate it. I'm sure I
might need to change something, but it is working.... Once I get it
all working, I'll stop using lastResult and build event handlers,
now that I'm starting to get a better grasp on it.
I do get an error though, stating: "Data binding will not be
able to detect changes to XMLList "user", need an XML instance."
Also, I can't seem to get "trace" to work. I'm guessing it should
be popping up a window? If I do an alert popup, it does show the
data.
[Bindable]private var myData:XMLList;
private function test(oEvent:ResultEvent):void {
myData = XMLList(oEvent.result);
trace(myData.toXMLString());
mx.controls.Alert.show(myData);
<mx:HTTPService id="getUsers"
url="https://server/flex/getusers.php" resultFormat="e4x"
result="test(event)" useProxy="false" method="GET"/>
<mx:DataGrid id="dgUserDetails" right="5"
dataProvider="{myData.user}" height="315"
click="onChangeUser(event)">
<mx:columns>
<mx:DataGridColumn headerText="Username"
dataField="uname"/>
<mx:DataGridColumn headerText="Group"
dataField="team"/>
<mx:DataGridColumn headerText="Status"
dataField="status"/>
<mx:DataGridColumn headerText="Last Login"
dataField="llogin"/>
<mx:DataGridColumn headerText="Count"
dataField="lcount"/>
</mx:columns>
</mx:DataGrid>
Now, onto the user editing fields. I'm still trying to figure
out how to use this example you gave me. I understand the xmlUser
var and I think I understand the xlGroups var. Not sure how it
should work though. It looks as though xlGroups tries to get the
group from allusers under the user name?
[Bindable]private var _xlcGroups:XMLListCollection;
private function onChangeUser(oEvent:Event):void {
var xmlUser:XML = XML(dgUserDetails.selectedItem); //the
Users dataProvider item
var xlGroups:XMLList = xmlUser.allusers.group; //this
depends on your xml structure
_xlcGroups = new XMLListCollection(xlGroups)
trace(_xlcGroups.toXMLString() ); //so you can see exactly
what you have
Let me try to give a better example of the XML.
<allusers>
<user>
<uname>user1</uname>
<level>6</level>
<status>active</status>
<team>alpha</team>
<llogin>0000-00-00 00:00:00</llogin>
<lcount>0</lcount>
</user>
<user>
<uname>user2</uname>
<level>6</level>
<status>active</status>
<team>alpha</team>
<llogin>2007-03-26 11:31:53</llogin>
<lcount>128</lcount>
</user>
<user>
<uname>user3</uname>
<level>1</level>
<status>active</status>
<team>bravo</team>
<llogin>2006-02-17 20:08:23</llogin>
<lcount>3</lcount>
</user>
<group>
<teamname>alpha</teamname>
<teamlead>user2</teamlead>
<teamstatus>active</teamstatus>
</group>
<group>
<teamname>bravo</teamname>
<teamlead>user3</teamlead>
<teamstatus>active</teamstatus>
</group>
<statusops>
<status>active</status>
</statusops>
<statusops>
<status>inactive</status>
</statusops>
</allusers>
And here is a more detailed view of the user editing panel.
Again, I always want the comboboxes to display the data returned
from the httpservice call. But I want to change the value when the
user is selected.
<mx:Panel width="250" height="315" left="5"
layout="absolute" title="User Details">
<mx:HBox x="10" y="27" width="210">
<mx:Label text="Username" width="65"/>
<mx:TextInput id="adm_username" width="137"
text="{dgUserDetails.selectedItem.uname}"/>
</mx:HBox>
<mx:HBox x="10" y="55" width="210">
<mx:Label text="Group" width="65"/>
<mx:ComboBox id="adm_usergroup" width="137"
dataProvider="{getUsers.lastResult.allusers.group}"
labelField="teamname"/>
</mx:HBox>
<mx:HBox x="10" y="83" width="210">
<mx:Label text="Level" width="65"/>
<mx:TextInput id="adm_level" width="137" maxChars="1"
text="{dgUserDetails.selectedItem.level}"/>
</mx:HBox>
<mx:HBox x="10" y="111" width="210">
<mx:Label text="Status" width="65"/>
<mx:ComboBox id="adm_activestatus" width="137"
dataProvider="{getUsers.lastResult.allusers.statusops}"
labelField="status"/>
</mx:HBox>
<mx:HBox x="10" y="137" width="210">
<mx:Label text="Password" width="65"/>
<mx:TextInput id="adm_password" width="137" enabled="true"
backgroundDisabledColor="#C0C0C0" displayAsPassword="true"
change="adm_chkusr(adm_password)"/>
</mx:HBox>
<mx:HBox x="10" y="165" width="210">
<mx:Label text="Confirm" width="65"/>
<mx:TextInput id="adm_confirm" width="137" enabled="false"
backgroundDisabledColor="#C0C0C0" displayAsPassword="true"
change="adm_chkusr(adm_confirm)"/>
</mx:HBox>
<mx:HBox x="10" y="205" width="210">
<mx:HBox width="50%">
<mx:LinkButton id="adm_clruser" label="Clear"
click="clearviewUser()"/>
</mx:HBox>
<mx:HBox width="50%">
<mx:LinkButton id="adm_moduser" label="Modify User"
enabled="false"/>
</mx:HBox>
</mx:HBox>
<mx:HBox x="10" y="233" width="210">
<mx:HBox width="50%">
<mx:LinkButton id="adm_deluser" label="Delete User"
enabled="false"/>
</mx:HBox>
<mx:HBox width="50%">
<mx:LinkButton id="adm_adduser" label="Add User"
enabled="false"/>
</mx:HBox>
</mx:HBox>
</mx:Panel>
Thanks again for your time. I look forward to your response
as this is driving me crazy.
Regards,
Chris