I have a Flex mobile app that currently contains 2 views
View 1 has a databound list that uses itemRenderer to display an ID and A Label
View 2 displays a databound list that uses itemRenderer to display controls based upon the contents of a dataset.
All data is held in a SQLite database.
View 1 is a list of surveys
View 2 is list of questions relative to each survey.
Where I am struggling is to pass the survey ID value to the SQL query in view 2 so that the data returned is the questions related to each survey.
I have gone over and over dispatchEvent but cannot work out how I pass the relevant value from data.surveyID to the parameter variable on view 2 to query the database.
View 1 code
<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
title="Surveys"
creationComplete="listen()">
<fx:Script>
<![CDATA[
import flash.data.SQLConnection;
import flash.data.SQLResult;
import flash.data.SQLStatement;
import flash.events.Event;
import flash.filesystem.File;
import mx.collections.ArrayCollection;
import spark.events.IndexChangeEvent;
import spark.events.ListEvent;
import spark.transitions.FlipViewTransition;
import spark.transitions.FlipViewTransitionMode;
import spark.transitions.ViewTransitionDirection;
private var conn:SQLConnection;
private function get myData():ArrayCollection
{
var stmt:SQLStatement = new SQLStatement();
stmt.sqlConnection = new SQLConnection();
stmt.sqlConnection.open(File.applicationDirectory.resolvePath("assets/cp_db.sqlite"));
stmt.text = "SELECT * FROM surveys";
stmt.execute();
var result:Array = stmt.getResult().data;
if (result)
{
var list:ArrayCollection = new ArrayCollection();
for (var i:int=0; i<result.length; i++)
{
list.addItem(result[i]);
}
return list;
}
else
{
return null;
}
}
private function workingHandler ( event:Event ) : void
{
trace( "I'm the working handler here :) " );
}
private function listen():void{
list.addEventListener( "switchToDay", regularListener );
}
public var itemLabel:String;
private function regularListener (event:Event) : void
{
trace( "I'm the regular listener" );
trace(itemLabel);
}
public function conIndex( ind:int):String{
return ind.toString();
}
]]>
</fx:Script>
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<s:List id="list" left="10" right="10" top="10" bottom="10" labelField="{data.SurveyName}"
click="navigator.pushView(surveyDetailView, conIndex(list.selectedIndex+1));"
dataProvider="{myData}" >
<s:itemRenderer>
<fx:Component>
<s:ItemRenderer>
<s:LabelItemRenderer id="surID" width="50" label="{data.surveyID}"/>
<s:LabelItemRenderer id="surName" x="0" width="100%" label="{data.SurveyName}"
click="surName.dispatchEvent(new Event('switchToDay', true,false));"/>
</s:ItemRenderer>
</fx:Component>
</s:itemRenderer>
</s:List>
</s:View>
View 2 code
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
title="{data}">
<fx:Declarations>
<s:SlideViewTransition id="slideTrans" direction="down" duration="300"/>
</fx:Declarations>
<fx:Script>
<![CDATA[
import flash.data.SQLConnection;
import flash.data.SQLStatement;
import flash.filesystem.File;
import flash.filesystem.FileMode;
import mx.collections.ArrayCollection;
import spark.components.Button;
import spark.components.Label;
public var surveyIdParam:String = '1';
public var myPar:String;
public function get myData():ArrayCollection
{
var stmt:SQLStatement = new SQLStatement();
stmt.sqlConnection = new SQLConnection();
stmt.sqlConnection.open(File.applicationDirectory.resolvePath("assets/cp_db.sqlite"));
stmt.parameters[0] = surveyIdParam;
stmt.text = "SELECT * FROM surveyquestions where surveyID = ?";
stmt.execute();
var result:Array = stmt.getResult().data;
if (result)
{
var list:ArrayCollection = new ArrayCollection();
for (var i:int=0; i<result.length; i++)
{
list.addItem(result[i]);
}
return list;
}
else
{
return null;
}
}
]]>
</fx:Script>
<s:List id="list" left="0" right="0" top="50" bottom="0" dataProvider="{myData} ">
<s:itemRenderer>
<fx:Component>
<s:ItemRenderer>
<fx:Script>
<![CDATA[
import spark.components.Label;
private function addItem(qtype:String):void
{
if (qtype == "1") {
icrHeading.visible = true;
ti.visible=false;
cb.visible=false;
}
else if (qtype == "2") {
}
else if (qtype == "3") {
icrDetail.visible=true;
}
}
]]>
</fx:Script>
<s:VGroup id="contentHolder">
</s:VGroup>
<s:IconItemRenderer id="icr1" visible="false" x="0" width="50"
label="{data.QuestionTypeID}"/>
<s:IconItemRenderer id="icrHeading" visible="false" x="0" width="450"
label="{data.QuestionTitle}" color="0xff0000"/>
<s:IconItemRenderer id="icrDetail" visible="false" x="50" width="450"
label="{data.QuestionTitle}"/>
<s:Label id="ilbl1" x="50" width="120" added="addItem(icr1.label.toString())"/>
<s:TextInput id="ti" x="600" width="200" text=""/>
<s:CheckBox id="cb" x="550">
</s:CheckBox>
</s:ItemRenderer>
</fx:Component>
</s:itemRenderer>
</s:List>
<s:Button id="btn" x="717" y="10" label="{data}" click="navigator.popView()"/>
This article may help you pass data between your views. Basically,
navigator.pushViewaccepts parameters