I'm trying to fix a *very* simply app. that just displays some images,
and is supposed to refresh the images when their URL parameters change.
In particular, these are supposed to be images of data tables, and the
query string specifies a table style, a text color and a border color.
The tables display correctly when loaded, but they don't respond when I
change the source URLs. I've verified that the sourceChange event is
triggered. I even put the new URL into a TextInput control, and
verified that this URL works (display the correct table) in another
browser tab. But the images in the Flex app don't ever change.
Thanks for any suggestions.
Here's the whole thing:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009
<http://ns.adobe.com/mxml/2009>"
xmlns:s="library://ns.adobe.com/flex/spark
<http://ns.adobe.com/flex/spark>"
xmlns:mx="library://ns.adobe.com/flex/mx
<http://ns.adobe.com/flex/mx>" minWidth="800" minHeight="600">
<fx:Script>
<![CDATA[
import mx.events.ColorPickerEvent;
import mx.controls.Alert;
private function imgInit(s:int):void
{
switch (s)
{
case 1:
table1.addEventListener("
sourceChanged", image_sourceChanged);
break;
case 3:
table3.addEventListener("sourceChanged",
image_sourceChanged);
break;
case 5:
table5.addEventListener("sourceChanged",
image_sourceChanged);
break;
default:
}
}
private function image_sourceChanged(evt:Event):void
{
Alert.show(evt.toString() + "\nSrc: " +
Image(evt.target).source, evt.type);
}
public var colorArr:Array =["0x231F20", "0x9E280E",
"0x8A713C", "0x007236", "0x007D97",
"2E3092", "0x5D1E79", "0x4C4C4E", "0x88191C",
"0xF5821F", "0x727C28", "0x1E9860",
"00837D", "0x0071BC", "0x7C51A1", "0x939598",
"0xED1C24", "0xFCAF17", "0xA5A85A",
"57BD7C", "0x57C5C7", "0x00AEEF", "0xAA4A9C",
"0xA7A9AC", "0xEC008C", "0xFFCE71",
"FFF200", "0xBED630", "0x95D5D1", "0x42C7F4",
"0xBC7BB5", "0xDCDDDE", "0xF49AC1",
"FEDCC6", "0xFFF78F", "0xE5F0CB", "0xE2F3F4",
"0x9FC9EB", "0xC7B2D6", "0xFFFFFF"];
var urlBase:String = "http://localhost.us/viewtable.aspx
<http://localhost.us/viewtable.aspx>";
var textColorIndex:uint = 0;
var textColor:String = "000000";
var borderColorIndex:uint = 0;
var borderColor = "000000";
protected function updateTables():void
{
//url1.text = urlBase + "?styleIndex=1&textColor=%23" +
textColor + "&borderColor=%23" + borderColor;
table1.source = urlBase + "?styleIndex=1&textColor=%23"
+ textColor + "&borderColor=%23" + borderColor;
url1.text = String(table1.source);
table1.load(String(table1.source));
table3.source = urlBase + "?styleIndex=3&textColor=%23"
+ textColor + "&borderColor=%23" + borderColor;
table3.load(String(table3.source));
table5.source = urlBase + "?styleIndex=5&textColor=%23"
+ textColor + "&borderColor=%23" + borderColor;
table5.load(String(table5.source));
}
protected function
textColor_changeHandler(event:ColorPickerEvent):void
{
textColorIndex = ColorPicker(event.target).selectedIndex;
var fullName:String = colorArr[textColorIndex];
textColor = fullName.substr(2);
updateTables()
}
protected function
borderColor_changeHandler(event:ColorPickerEvent):void
{
borderColorIndex = ColorPicker(event.target).selectedIndex;
var fullName:String = colorArr[borderColorIndex];
borderColor = fullName.substr(2);
updateTables();
}
]]>
</fx:Script>
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<s:Label x="25" y="30" text="Table Test" fontSize="24" fontWeight="bold"/>
<s:Label x="42" y="73" text="Text color:
"/>
<mx:ColorPicker x="109" y="63" dataProvider="{colorArr}"
change="textColor_changeHandler(event)"/>
<s:Label x="25" y="113" text="Border color:
"/>
<mx:ColorPicker x="109" y="103" dataProvider="{colorArr}"
change="borderColor_changeHandler(event)"/>
<s:TextInput id="url1" x="25" y="145" width="600" text=""/>
<mx:Image id="table1" x="25" y="185" initialize="imgInit(1);"
source="http://localhost.us/viewtable.aspx?styleIndex=1
<http://localhost.us/viewtable.aspx?styleIndex=1>"/>
<!--
<mx:Image id="table1" x="25" y="185"
source="http://localhost.us/viewtable.aspx?styleIndex=1
<http://localhost.us/viewtable.aspx?styleIndex=1>"/>
-->
<mx:Image id="table3" x="25" y="335"
source="http://localhost.us/viewtable.aspx?styleIndex=3
<http://localhost.us/viewtable.aspx?styleIndex=3>"/>
<mx:Image id="table5" x="25" y="485"
source="http://localhost.us/viewtable.aspx?styleIndex=5
<http://localhost.us/viewtable.aspx?styleIndex=5>"/>
</s:Application>
--
--------
Peter Davis
[email protected]
781-301-1416 (cell)
781-646-8514 (home)
http://www.peterdavis.info
