I have some more information that I think might be helpful. I am following the samples on lynda.com for their Flex 4 and Flash Builder 4 Essential training. Attached is the code that I created as part of the example. When I press the submit button it says in the status bar transferring data to localhost like it is stuck. When I trace createCategoryResult.token.result it shows null in the console. Then I thought why not debug. I put my breakpoint on the line that calls the createCategory method. When I viewed the variables I was able to see the form picked my up items then dropped them into the object. Further, when I debugged createCategoryResult.token = categoryService.createCategory(item); line I found that it was giving me back a lot of undefined. I am not sure where I am going wrong. Can anyone confirm if the Flex and Action Script is correct or point me where to debug and what to look for. I really appreciate any assistance available.
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
skinClass="skins.HPAppSkin"
xmlns:views="views.*"
xmlns:categoryservice="services.categoryservice.*"
xmlns:forms="forms.*">
<fx:Script>
<![CDATA[
import events.CategoryEvent;
import mx.controls.Alert;
import mx.events.FlexEvent;
import mx.rpc.events.ResultEvent;
import valueObjects.Category;
protected function categoryGrid_creationCompleteHandler(event:FlexEvent):void
{
getAllCategoryResult.token = categoryService.getAllCategory();
}
protected function createCategory(item:Category):void
{
createCategoryResult.token = categoryService.createCategory(item);
trace(createCategoryResult.token.result);
}
protected function myForm_insertHandler(event:CategoryEvent):void
{
createCategory(event.category);
trace(event.category.category);
}
protected function createCategoryResult_resultHandler(event:ResultEvent):void
{
myForm.category = new Category();
currentState = "default";
Alert.show("Your data was inserted", "Success");
}
]]>
</fx:Script>
<s:states>
<s:State name="default"/>
<s:State name="insert"/>
</s:states>
<fx:Declarations>
<s:CallResponder id="getAllCategoryResult"/>
<categoryservice:CategoryService id="categoryService"
fault="Alert.show(event.fault.faultString + '\n' + event.fault.faultDetail)"
showBusyCursor="true"/>
<s:CallResponder id="createCategoryResult" result="createCategoryResult_resultHandler(event)"/>
</fx:Declarations>
<s:Panel title="Categories" title.insert="Insert New Category">
<views:CategoryGrid
width="700" height="250"
includeIn="default" id="categoryGrid" creationComplete="categoryGrid_creationCompleteHandler(event)" dataProvider="{getAllCategoryResult.lastResult}"/>
<forms:CategoryForm2 id="myForm" includeIn="insert"
cancel="currentState='default'" insert="myForm_insertHandler(event)"/>
<s:controlBarContent>
<s:Button
label="Insert Category" click="currentState='insert'"
includeIn="default"/>
</s:controlBarContent>
</s:Panel>
</s:Application>
______Form_______
<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:valueObjects="valueObjects.*">
<fx:Metadata>
[Event(name="insert", type="events.CategoryEvent")]
[Event(name="cancel", type="flash.events.Event")]
</fx:Metadata>
<fx:Script>
<![CDATA[
import events.CategoryEvent;
protected function submitBtn_clickHandler(event:MouseEvent):void
{
category.category = categoryTextInput.text;
category.description = descriptionTextInput.text;
var ev:CategoryEvent = new CategoryEvent("insert");
ev.category = this.category;
dispatchEvent(ev);
}
protected function cancelBtn_clickHandler(event:MouseEvent):void
{
dispatchEvent(new Event("cancel"));
}
]]>
</fx:Script>
<fx:Declarations>
<valueObjects:Category id="category"/>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<mx:Form defaultButton="{submitBtn}">
<mx:FormItem label="Category">
<s:TextInput id="categoryTextInput" text="{category.category}"/>
</mx:FormItem>
<mx:FormItem label="Description">
<s:TextInput id="descriptionTextInput" text="{category.description}"/>
</mx:FormItem>
<mx:FormItem direction="horizontal">
<s:Button id="submitBtn" label="Submit" click="submitBtn_clickHandler(event)"/>
<s:Button id="cancelBtn" label="Cancel" click="cancelBtn_clickHandler(event)"/>
</mx:FormItem>
</mx:Form>
</s:Group>
4
Replies
AdChoices