Flex Names

Okay … okay… tot nu toe was het natuurlijk allemaal een beetje freubelen in Adobe Flex.

Maar ik wil voor dat ik bij NL for Business (NL4B)  ga werken toch wel iets meer kunnen dan wat tekst laten zien in Flex.

Natuurlijk krijg ik een opleiding binnen NL4B , maar het is wellicht handig als ik al iets kan met Flex. Overigens moet ik krijg ik ook opleiding in SAP en Adobe Dynamic Forms, maar dat is niet zo makkelijk te installeren.

Maar goed,

Hierbij dus mijn eerste PHP / FLEX / JSON applicatie.

En hier dan die geweldige scripts :

PHP File : framework Joomla!

{geshi lang=”php” lines=”true”}$sql = “SELECT * FROM #__flexnames”;
$database->setQuery( $sql );
if (!$database->query()) {
echo $database->stderr();
return false;
}  

$rows = $database->loadObjectList();

Echo json_encode($rows);
{/geshi} }

Flex code :

{geshi lang=”xml” lines=”true”} <?xml version=”1.0″ encoding=”utf-8″?>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml” layout=”absolute” borderStyle=”none” backgroundGradientColors=”[#c0c0c0, #0000ff]” backgroundGradientAlphas=”[0.7, 0.0]“>
<mx:Script>
<![CDATA[
import mx.rpc.events.ResultEvent;
import mx.collections.ArrayCollection;
import com.adobe.serialization.json.JSON;

[Bindable]
private var dataArray:ArrayCollection;

private function initDataGrid():void
{
dataArray = new ArrayCollection();
getData.send();
}

private function getPHPData(event:ResultEvent):void
{
var rawArray:Array;
var rawData:String = String(event.result);
rawArray = JSON.decode(rawData) as Array;
dataArray = new ArrayCollection(rawArray);
}
]]>
</mx:Script>

<mx:HTTPService id=”getData”
url=”http://www.vandersluijs.nl/flex/flexnames.php” useProxy=”false” method=”GET” resultFormat=”text” result=”getPHPData(event)”>
<mx:request xmlns=”">
<getTutorials>”true”</getTutorials>
</mx:request>
</mx:HTTPService>

<mx:DataGrid id=”dgData” x=”10″ y=”55″
width=”580″ height=”253″
dataProvider=”{dataArray}”
creationComplete=”{initDataGrid()}”
editable=”true”>
<mx:columns>
<mx:DataGridColumn headerText=”Name” dataField=”name” editable=”false”/>
<mx:DataGridColumn headerText=”Date” dataField=”date” width=”150″ editable=”false”/>
</mx:columns>
</mx:DataGrid>
<mx:Label x=”10″ y=”20″ text=”Mijn eerste data readout met PhP en Json” width=”580″ fontFamily=”Verdana” fontSize=”12″ fontWeight=”bold” textAlign=”center”/>

</mx:Application> {/geshi}