Dynamically hide/unhide elements?

Question

Hello
I have generated dynamic controls on form through XML, now I want to hide/unhide the elements based on click of particular item.
Also i have added the click event on the desired elements and trying the following in function
this["sampleElementID"].visible = false;( in sampleElementid i am passing the id of the element which needs to be hidden)
Is there is any method like document.getElementbyId in action script???
( also tried get getChildByName("sampleElementID").visible = false; but it does not work) 
Help needed....
Thank in advance!

Answer 1

Hi Vibhor Seth,
please find the working code below:
    var sampleForm:Form = new Form();
    var sampleFormItem:FormItem = new FormItem();
    var sampleTextInput:TextInput = new TextInput();
    sampleTextInput.id="smpleTxtIpt";
    sampleTextInput.name="smpleTxtIpt";
    sampleTextInput.text = "sample Text Input";
    sampleFormItem.addElement(sampleTextInput);
    //adding in form
    sampleForm.addElement(sampleFormItem);
    addElement(sampleForm);
    sampleFormItem.getChildByName("smpleTxtIpt").visible = false;
In the code you have posted you have used different names for id and name....Try to use the same names for both id and name ...however it is not compulsory...but its good practice...
Also you have used sampleForm.getChildByName("smpleTxtIntName").visible = false; But you should be using the below line of code:
sampleFormItem.getChildByName("smpleTxtIpt").visible = false;
In your code you are trying to use the getChildByName() method on the Form tag but you should be using on the FormItem container.
Note: Remember you can access the child elements by using the getChildByName() only for the elements which are direct childs of a container but not the from the parent of parent container.
So by the AS code you created the following structure is created:
<mx:Form id="sampleForm">
     <mx:FormItem id="sampleFormItem">
          <mx:TextInput id="smpleTxtIpt" name="smpleTxtIpt" />
     </mx:FormItem>
</mx:Form>
So if you want to make TextInput visible false..then you need to use ..... sampleFormItem.getChildByName("smpleTxtIpt").visible = false;
but not  sampleForm.getChildByName("smpleTxtIpt").visible = false; since smpleTxtIpt is direct child of sampleFormItem.
Hope now things are clear for you...
If this post answers your question or helps, please kindly mark it as such.
Thanks,
Bhasker Chari