Mxml elements inside custom component

Hi all, i'm a flex newbie but i know AS3, i've encountered a problem during the development of a custom component: my custom component is a panel with some buttons, but i want that anyone can insert mxml elements (especially form elements) inside this panel in this way:
ActionScript Code:
<custom:myDialogBox >
   <mx:Form ...>
        <mx:TextInput ...>
</custom:myDialogBox>
So i created myDialogBox component:
ActionScript Code:
<mx:Panel xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Metadata>
             [DefaultProperty("hboxFirstLine")]
        </mx:Metadata>
    <mx:Script>
        <![CDATA[
            import mx.containers.HBox;
            import mx.containers.Panel;
            import mx.controls.Button;
            import mx.controls.Text;
            import mx.core.UIComponent;
        ]]>
    </mx:Script>
    <mx:HBox id="hboxFirstLine" width="100%">
    </mx:HBox>
    <mx:HBox id="hboxSecondLine" width="100%" horizontalAlign="center">
                <mx:Button label="Conferma" />
        <mx:Button label="Annulla" />
    </mx:HBox>
    <mx:ControlBar id="controllBar" horizontalAlign="right">
        <mx:Label id="alertFooter" text="sFooter" />
        </mx:ControlBar>
</mx:Panel>
I expect that the form goes inside hboxFirstLine... but instead i get this error:
Error: In initializer for 'hboxFirstLine': type mx.controls.Form is not assignable to target type mx.containers.HBox.
Any idea?

hboxFirstLine has to be a Form, not an HBox.
Also, if that is all the code of your component, you don't need import statements.
HTH.

Similar Messages

Entity not saved inside custom component embedded in standard view

Hi ,
I have embedded a custom component inside a standard component. The custom component has two views. The first view is assigned to the item overview page and the second view is assigned to the main window of the standard component.
I have enhanced the BOL model (using EEWB) and created a new entity with z structure.
There is a button in the first view which is used to navigate to the second view. The custom fields are filled up in the second view.
Even though I am able to fill up the custom fields in the second view, these fields are not getting saved when I save the main transaction.
However, If I fill up the fields from the first view ( ie the overview page ) , these are getting saved.
Please let me know if you have any solution. This would be very helpful.
Regards,
Jaydip

Hi Anubhav,
I have created the Custom Component(zso_disclaimer) with the BOL Object BTAdminH. I have used few fields which is available in the BTAdminH(ZZDISC_WAR_ID,ZZACC_EX_CONT,ZZACCEPT_WAR and ZZFLD00004G). I have used this custom component(zso_disclaimer) in the standard conponent BT115H_SLSO as Assignment block. when i enter the values in the fields and press enter the values get disappears. So i am not able to proceed further. Can anyone help me to solve this problem.
Thanks & Regards,
Ashok.

Can I make links to elements inside a component edge?? as if they are anchors

I have a menu on dreamweaver with HTML and a component edge, and I want to link to elements (one,two,three,four) inside to component edge
it is possible?

Unfortunately, the extension does not work with Firefox 4, and Alice have no intentions to upgrade it.

Classpath issues inside custom component

Hi Forum,
we have created our own component for a special database task.
Within the the component implementation we have used XMLBeans 2.4.
Now we run into a classloader issue because LC already contains a very old version of XML Beans (from 2004).
Is there a way to have our own classloader that uses the new XML Beans version instead of the already existing one?
We have planned to migrate several other components to be available inside Workbench and I'm afraid we will run into the same problem several times.
Thank and best regards,
Timo

Timo,
If you would like to override the classpath then I would suggest you to put your version of the XMLBeans jar file while making a component jar file and override the classpath in your service java class.
See if that help.
Thanks
YogLC
component.xml file defines service impl class as below
<services>
<service name="MY_Service">

<implementation-class>com.company.component.MYServiceImpl</implementation-class>
package com.company.componen;
public class MYServiceImpl{
     public void myServiemethod(){
          // first line in your service method
          ClassLoader originalClassloader = Thread.currentThread().getContextClassLoader();
          //--- your code here ---
          // finally make sureset the classloader back
          if (originalClassloader != null) {
               Thread.currentThread().setContextClassLoader(originalClassloader);

How to use flex 4 component inside Flex 3 custom component

<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml"   >
// I would like to use the namespaces below so that I can use some of the Flex 4 components in this mx:VBox component.
// Note that this is a custom component and not the application file.
xmlns="http://ns.adobe.com/mxml/2009"
    xmlns:fx="library://ns.adobe.com/flex/spark"
    xmlns:mx="library://ns.adobe.com/flex/halo"
</mx:VBox>
Thanks.

Alex, I was looking forward to your reply to one of my posts that you answered a couple of days ago. It has not been resolved, even though it said "answered," here is the post:
http://forums.adobe.com/thread/445779?tstart=0
Regarding this post, I am getting some errors with the code I posted above; give it a go and you will see.
Thanks.

Custom component calling function from main.mxml

I have a main.mxml that has the following function in it:
public function SubChooseField(evt:Event):void{
Alert.show( "Sub has been chosen" );
main.mxml also places the following custom component:
<?xml version="1.0" encoding="utf-8"?>
<mx:ComboBox xmlns:mx="
http://www.adobe.com/2006/mxml"
width="180" close="parent.SubChooseField(event)">
<mx:dataProvider>
<mx:Object data="1" label="choice 1 />
<mx:Object data="2" label="choice 2" />
<mx:Object data="3" label="choice 3" />
</mx:dataProvider>
</mx:ComboBox>
I want it so that when you chose one of the options in the
comboBox, it will call the function SubChooseField in the
main.mxml. But when I compile this, no matter what i try, i get the
error:
Error: Call to a possibly undefined method SubChooseField
through a reference with static type my_custom_opponent.
OR if i change the codeand remove the 'parent' to say:
close="SubChooseField(event)"> i get error:
Error: Call to a possibly undefined method SubChooseField.
any help much appreciated.

Rather than trying to use parent, using events might help
here. In your main mxml file, just listen for the change event that
is dispatched from your custom component. Since it is a ComboBox
component, it automatically dispatches this event. If your
component was more complex, you would need to dispatch a custom
event.
If your custom component was named CustomCombo, then the mxml
in your main file would look something like this:
<ns1:CustomCombo id="cb" x="70" y="39" width="160"
change="SubChooseField(event)"/>
Vygo

Stellent UCM :: calling javascript inside the custom component

Hi Experts,
I am new to the stellent content server (Oracle content server). Currently we are working on the project which needs to be integrated with the content server for the content selection. I did some prototype to pass back the selection value to the parent window using the javascript window.opener.<parent java script> from a dummy page. Now i am customizing the content server custom component. Unfortunately i cannot be able to call back the parent javascript from the custom component. Seems the window.opener is null.
I have tried with windowUtils.getOpener() method which is available in the content server weblayout. Still i could not be able to call back.
Guys i am looking forward your idea ? If anyone knows the way to resolve this issue or any other best suitable way to handle this please ping me back.
Regards Thiva

Hi Experts,
I am new to the stellent content server (Oracle content server). Currently we are working on the project which needs to be integrated with the content server for the content selection. I did some prototype to pass back the selection value to the parent window using the javascript window.opener.<parent java script> from a dummy page. Now i am customizing the content server custom component. Unfortunately i cannot be able to call back the parent javascript from the custom component. Seems the window.opener is null.
I have tried with windowUtils.getOpener() method which is available in the content server weblayout. Still i could not be able to call back.
Guys i am looking forward your idea ? If anyone knows the way to resolve this issue or any other best suitable way to handle this please ping me back.
Regards Thiva

FocusOut in a custom component

Hi.
I made a custom component using a Canvas with a TextInput and a Button inside.
I need to make a focusOut event to be called when the focus go out of my custom component, but not be called when the focus change beetween the inputtext and the button inside the canvas.
How can I do that?
Tanks.

Hi this is simple.Please try this sample.
<?xml version="1.0" encoding="utf-8"?>
<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" xmlns:Cn="*" creationComplete="Init()">
    <fx:Script>
        <![CDATA[
        import flash.events.Event;
        import mx.controls.Alert;
        private function Init():void
            objTemp.addEventListener("FocusOut", FocusOutHandler);
        private function FocusOutHandler(event:Event):void
            trace("CanCom's focus out");
        ]]>
    </fx:Script>
    <fx:Declarations>
        
    </fx:Declarations>
<s:HGroup>
    <s:TextInput></s:TextInput>
    <Cn:CanCom id="objTemp"></Cn:CanCom>
    <s:TextInput></s:TextInput>
</s:HGroup>
</s:Application>
_____________________________________ CanCom.mxml ______________________________________
<?xml version="1.0" encoding="utf-8"?>
<s:HGroup xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/halo">
    <fx:Script>
        <![CDATA[
        import flash.events.Event;
        private function FocusOutHandler(event:Event):void
            try{
            if (this.getFocus() == btnTemp || this.getFocus().parent.parent == txtTemp)
                return;
            }catch (err:Error) { }
            dispatchEvent(new Event("FocusOut"));
        ]]>
    </fx:Script>
    <s:TextInput id="txtTemp" focusOut="FocusOutHandler(event)"></s:TextInput>
    <s:Button id="btnTemp" focusOut="FocusOutHandler(event)"></s:Button>
</s:HGroup>

Writing a custom component with multiple fields.

Does anyone have some pointers on writing a custom component that properly handles multiple input fields?
An example usage might be as follows:
Assume the following java classes:
public interface Address {
//... getters/setters for Address.
public class Company{
Address getAddress(){...};
}The tag usage might be something like the following:
<custom:address value="#{myCompanyBean.address}" />
Extending UIComponentBase I can easily render the output and create all the needed input elements. I'm also able to properly retrieve the submitted values in the decode method. But I'm unsure how to handle the "UpdateModelValues" step. Do I simply over-ride processUpdates, or is there more housekeeping to be done?
Thanks.

I'm guessing that doing addChild inside createChildren causes an infinite loop.
Why aren't you just doing this with MXML? it would be a lot simpler.

How do I tie a custom-component to a class?

In flash there's this great way of seperating code from
content: In the properties menu of a movieclip in your library, you
can assign a class name to the movie. So something I very regularly
do is:
class MyMovieClip extends MovieClip{
//etc..
so I'd have all the code that manages my movies nicely tucked
away in some .as files, no code in the fla. That's the way I like
it.
So I was wondering if you can do a similar thing in Flex. I
most definitely don't want the code for my application in the .mxml
file, I actually want to inherit the Application class. Similarly,
I'd like to inherit the Canvas class, yet have the nice gui for
dragging all the visuall elements in place. Is there a way?
Regard, and thanks in advance,
Karel

If you look in the library panel, there should be an entry for your custom component - probably something like CustomComponent1.mxml. Drag this out onto the artboard to create a new instance of the component.
In the case of a custom component, you can't change much on the second instance. If you have something like a text input skin though, you can change the text it is displaying for each instance.
We are working on making this sort of thing easier in the future, so stay tuned

Actionscript in a Custom Component

Can anyone tell me if you can put actionscript inside of a
custom component? It throws errors anytime I try to do it.
I have a horizontallist component that is being populated
with an itemrenderer which holds an image component. The
horizontallist takes fifteen images and loads them into the
itemrenderers, creating a scrollable image slideshow.
I am trying to get it to check to see if the image loaded
successfully, and if not, either set the visibility of that image
component to false, or remove it.
Here is the code for the horizontallist:
<mx:HorizontalList
id="imageBar"
itemRenderer="listingImage"
height="330"
width="925"
paddingLeft="5"
paddingRight="5"
rollOverColor="#FFFFFF"
selectionColor="#FFFFFF"
>
And the code for the custom component.....
<mx:Canvas
xmlns:mx="
http://www.adobe.com/2006/mxml"
height="320"
width="400"
verticalScrollPolicy="off"
horizontalScrollPolicy="off"
>
<mx:Image
source="
http://www.urladdress.com/idx/rmls/images/resimages/{data.id}_{data.imageNum}.jpg"
height="300" scaleContent="true"
/>
</mx:Canvas>
I'm pretty new to Flex, so any help would be great!

just insert the script tags in the custom component and place
your actionscript within those script tags. So in your case just
insert the following script tags above the image control...
<mx:Script>
<![CDATA[
// actionscript goes here
]]>
</mx:Script>
- Tony

Flex Print Job not working with custom component

Hi All,
I have to print pages with header, body and footer. So the thought process was to create a custom component fro header, footer and body. Header component is based on Box, Body is a renderer (which will have fix value of items - and will decide the number of possible pages) and footer is again based on Box.
But when i created a simple Custom component like this for header
<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:fx=http://ns.adobe.com/mxml/2009
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">
<fx:Declarations>

</fx:Declarations>
<mx:HBox>      <mx:Label id="testLabel" text="Test Container"/>
</mx:HBox>
</mx:VBox>
Then when i try to add this to FlexPrintJob, and save it as 'xps' to see the print output, i get error message that this file is in use or damaged.
    var myPrintJob:FlexPrintJob = new FlexPrintJob();
if(!myPrintJob.start()){
      return;
var header:Header = new Header();
header.width = myPrintJob.pageWidth;
header.visible = false;
FlexGlobals.topLevelApplication.addChild(panierPrintHeader);
myPrintJob.addObject(header);
myPrintJob.send();
FlexGlobals.topLevelApplication.removeChild(panierPrintHeader);
But this does not work and i get the above mentioned exception. Now when i not use the custom component and just have a label or HBox or anything on stage before the print functionality is invoked, it works fine. And this too haapens only if you have a mxml component, i tried by creating a new Label component using actionscript and then provide the same to the printJob, which did not work either. I need help on this, else i will have to take print functionality to server side(Java) which has some business implications, the reason why i am spending time on flex for printing.
Thanks and Regards,
Jigar
Looks like custom component print is not working fine with flex or i am doing something terribly wrong.
Looking forward for help.

Is there nobody in flex community who can help on this....
Looks like a toothless class that adobe actionscript team has provided, which is not liked across much

AddChild Not working in a loop with custom component

Hi,
I have a custom component 'form component'
<?xml version="1.0" encoding="utf-8"?>
<mx:Form xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100%">
    <mx:Script>
        <![CDATA[
            import mx.controls.Alert;
            import flash.net.navigateToURL;
            public var documentName:String;
            public var documentLocation:String;
            public var documentDescription:String;
            public var documentLevel:String;
            private function openLink():void
                var urlRequest:URLRequest=new URLRequest(documentLocation);
                navigateToURL(urlRequest,"_blank");
        ]]>
    </mx:Script>
    <mx:FormItem width="100%" height="100%" paddingRight="10" borderThickness="10">
        <mx:VBox width="100%" cornerRadius="10" borderThickness="2" borderStyle="solid" borderColor="#D5D2D2">
            <mx:ApplicationControlBar width="100%" fillAlphas="[1.0, 0.52]" fillColors="[#FFFFFF, #B3CDD9]">
                <mx:LinkButton id="eachDocumentName" label="Name" click="openLink()" textAlign="left" width="50%" />
                <mx:Label id="eachDocumentLevel" text="Level" textAlign="right" width="50%"/>
            </mx:ApplicationControlBar>
            <mx:Label id="eachDocumentDescription" width="100%" text="Description" paddingTop="5" paddingLeft="10"/>
            <mx:Label height="10" width="100%" />
        </mx:VBox>
    </mx:FormItem>
</mx:Form>
and I Want to add this component inside a VBox for a loop dynamically like
Script Code:
private function showDocuments(event:ResultEvent):void
                var documentList:ArrayCollection=event.result.root.documents.document;
                for(var i:int=0;i<documentList.length;i++)
                    var documentName:String=documentList[i].name.toString();
                    var documentDescription:String=documentList[i].description.toString();
                    var documentLevel:String=documentList[i].level.toString();
                    var documentLocation:String=documentList[i].location.toString();
                    createChildForFilePanel(documentName,documentLevel,documentDescription,documentLocation);
            private function createChildForFilePanel(documentName:String,documentLevel:String,documentDescription:Stri ng,documentLocation:String):void
                    Alert.show("function Called");
                    var documentListing:DocumentListing=new DocumentListing();
                    documentListing.percentWidth=100;
                    documentListing.percentHeight=100;
                    documentListing.eachDocumentName.label=documentName;
                    documentListing.eachDocumentLevel.text=documentLevel;
                    documentListing.eachDocumentDescription.text=documentDescription;
                    documentListing.documentLocation=documentLocation;
                    filePanel.addChild(documentListing);
MX: code
<mx:VBox id="filePanel" label="File Content" width="100%" height="100%" borderThickness="0" >
      </mx:VBox>
This is actually Not working.. Am I doing anything wrong. I have included the component in the namespace..
Thanks In Advance,
Piyush

Its working now. The Solution to it what I found was whatever you are Adding To the Parent Component. The Parent Component should be created in the action script.
Worked for me :-)
Thanks,
Piyush

Access data in custom component.

Hi Everyone,
                I am new to Flex soo pardon me if my questions are quite basic. I have searched a lot before posting here, might be I was not looking in the right direction. Please redirect me to the path that leads to the solution of the problem. I really appreciate any help that I can get.
I'm followiing this video tutorial.
http://www.gotoandlearn.com/play.php?id=100
All was going fine, until the tutor wanted to add custom component in the application. He added the HBox which I couldn't find in Flash Builder 4.6 so I added HGroup instead in my new component. Now when I want to use the data that was fetched in the parent component in custom component it gives me error. Here is the code and their file names.
File: SearchHomeView.mxml
<?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" title="Twitter Search">
    <fx:Declarations>
        
        <s:HTTPService result="onResult(event)" id="service" url="http://search.twitter.com/search.atom?q=adobe">
        </s:HTTPService>
    </fx:Declarations>
    <fx:Script>
        <![CDATA[
            import flash.utils.flash_proxy;
            import mx.collections.ArrayCollection;
            import mx.rpc.events.ResultEvent;
            [Bindable]
            private var ac:ArrayCollection;
            private function onResult(event:ResultEvent):void
                ac = event.result.feed.entry as ArrayCollection;
                trace(data);
                trace(ac);
            private function doSearch(event:MouseEvent):void
                //service.url = "http://search.twitter.com/search.atom?q=" + tearch.text;
                service.url = "http://search.twitter.com/search.atom?q=adobe";
                service.send();
        ]]>
    </fx:Script>
    <s:TextInput x="25" y="26" width="146" id="tearch"/>
    <s:Button x="224" y="26" height="33" label="Search" click="doSearch(event)" />
    <s:List dataProvider="{ac}" itemRenderer="tweet" x="25" y="92" width="274" height="278"></s:List>
</s:View>
File: tweet.mxml
<?xml version="1.0" encoding="utf-8"?>
<s:HGroup xmlns:fx="http://ns.adobe.com/mxml/2009"
          xmlns:s="library://ns.adobe.com/flex/spark" width="400" height="300">
    <fx:Declarations>
        
    </fx:Declarations>
    <s:Image width="50" height="50" source="{parentDocument.data.link.getItemAt('1').href}">
    </s:Image>
    <s:TextBase width="100%" text="">
    </s:TextBase>
</s:HGroup>
When I use source to be source="{parentDocument.data.link.getItemAt('1').href} ... it removes the error, but displays nothing on the resulting app.
When I use source to be source="{data.link[1].href} ... it gives the error,
Multiple markers at this line:
-1120: Access of undefined property data.
-parentDocument
What needs to be done to use the item renderer right in custom component ? Please tell me the solution to it... I'm stuck on it for quite a few time.
Thanks
Bilal Ahmad

Hello Ravi,
one option is the create a public attribute to share your value note data with other components.
Another option is a function group with two function modules "SET_" and "GET_".
I´m sure one of the webclient UI Gurus here in this forum could share less "dirty" ways with you.
Kind regards
Manfred

Custom Component Error -- Uggh

I have tried to solve the problem using online resouces, 3rd party message boards, Xcelsius tutorials, the textbook "Xcelsius 2008: Dashboard Best Practices", tutorials which came with the Xcelsius SDK, among others, however, I continue to run into problems. Additionally, I am have tried to fix by reading the Flex 3 SDK, Xcelsius 2008 SDK, and the samples for Xcelsius/Flex which came bundled in the SDK.
The problem is that the custom component, created in Flex 3 Hotfix and brought into Xcelsius using the Add-on Packager and the Add-on Manager does not display on the canvas. While all of the inherent components in Xcelsius work correctly the custom component does not display. When dropped on the canvas it simply disappears and never instatiates on the canvas and also is not listed inside the object browser. The custom component is, however, listed in the vertical menu under the category Add-Ons.
Example:
1. I use a sample Flex project which was included in the Xcelsius SDK and bring it into Flex 3 builder.
2. I configure the project to run appropriately in my local environment
3. I build the project successfully.
4. I open the Xcelsius Add-on Packager
4a. In the GENERAL tab I give the package a name
4b. In the VISUAL tab I type the name of the class (i.e. com.business.dept.project )
4c. In the VISUAL tab I type the display name (i.e. Email Component)
4d. In the VISUAL tab I type the directory location of the .swf (i.e. C:\Xcelsius\Flex\Project\Email\emailcomponent.swf )
4e. In the VISUAL tab I type the directory location of the property sheet (i.e. C:\Program Files\Business Objects\Xcelsius\SDK\bin\propertyinspector.swc )
4f. In the BUILD tab I build the component sucessfully
5. I open Xcelsius and go to File -- Manage Add-Ons
6. I add the new emailcomponent.xlx file to the Add-on Manager and select Close
7. I exit Xcelsius and reopen Xcelsius
8. The new component is listed in the vertical menu under Components -- Add-Ons
9. I test the function of inherent objects and drag a pie chart successfully onto the canvas of Xcelsius
10. I drag my new component onto the canvas, and while there is a visible border outline of the object as I drag over the canvas, when I drop the component onto the canvas the object does NOT appear on the canvas.
11. I re-test another inherent componet in Xcelsius which works fine
12. I re-test my component with the same failure.
Thank you for the assistance in advance.
Alex Dove

I have successfully created a Flex component in Xcelsius. The data is static and hard coded into the Flex component which is not ideal, but it certainly is a step in the right direction.
My steps were as follows:
1. Create a new Flex project
2. Create a new Flex component and save it into the class namespace directory I was planning on using
3. Include all of the MXML logic for the application in the component file
4. Reference the component file in the Application file as a namespace reference
5. Save the file
6. Create an .xlx file using the Xcelsius Add-on Packager
7. Typing the class namespace location using the entire path and file name without the extension
8. Loading the new component into Xcelsius
9. Building the app.
Success.
Thank you for all the help
Alex Dove

Mxml elements inside custom component

Similar Messages

Maybe you are looking for