Embed HTTPService in a visual component

Question

I want to create a visual component with a top element
<mx:Canvas>. This component needs to retrieve some data from
a remote server, however <mx:Canvas> can not contain
<mx:HTTPService>. Which components can contain
<mx:HTTPService>? I know <mx:Application> and
<mx:UIComponent> can. Should I create a separate HTTPService
class in AS outside the mxml and use it in the component
mxml?

Answer 1

Try this code below, in which I just added the top element
<mx:Application> based on your code. The
<mx:HTTPService> is still inside
<mx:Canvas>. It compiles fine. But when I ran it in
FB3, I got parse error at <mx:HTTPService>.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml"
>
<mx:Canvas xmlns:mx="
http://www.adobe.com/2006/mxml"
width="400" height="300"
creationComplete="init()" >
<mx:Script>
<![CDATA[
import mx.collections.XMLListCollection;
import mx.rpc.events.ResultEvent;
[Bindable] public var dataDP:XMLListCollection = new
XMLListCollection();
private function init():void{
dataRequest.send();
private function dataResultHandler(event:ResultEvent):void{
var list:XMLList = new XMLList(event.result..item.@name);
dataDP = new XMLListCollection(list);
]]>
</mx:Script>
<mx:HTTPService id="dataRequest" useProxy="false"
resultFormat="e4x"
result="dataResultHandler(event)"
url="data/inputData.xml"/>
<mx:ComboBox dataProvider="{dataDP}" rowCount="6"/>
</mx:Canvas>
</mx:Application>
BTW, be nice.