• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 349
  • Last Modified:

problem with Collapsable Header

Hi Expert,
In my code i am using option called [Command Description Suggestion/Correction]. When i click that , it opens TextArea with two buttons. when i click again, TextArea with two buttons closes.
Here is the issue:
----------------------
Please see attached screen shots.
expand one CollapsableHeader(cmdName2)--> expand and close [Command Description Suggestion/Correction]-->now collapse the CollapsableHeader(cmdName2)-->again  expand(cmdName2)-->i see singleline with 2 buttons in the bottom
Actually, when i expand CollapsableHeader(cmdName2), TextArea with two buttons should not visible. For the first time it is ok. problem occurs when i open and close  [Command Description Suggestion/Correction]

Could you plse let me know where i am wrong and where i need to change.
Please find my attached component code.

img1.bmp
img2.bmp
img3.bmp
CommandHelpComp.txt
0
Alpita
Asked:
Alpita
  • 7
  • 6
1 Solution
 
dgofmanCommented:
I will suggest remove your onSuggestionClick function and use

this.currentState = "expand";

in your code.

Now add these lines:

      <s:states>
            <s:State name="default"/>
            <s:State name="expand"/>
      </s:states>

And definefor all "expand" components an attribute

includeIn="expand"


When you click the next time you need to change currentState to "default"

or you can use OR condition:

currentState = (currentState == "expand" ? "default" : "expand");
0
 
AlpitaAuthor Commented:
I changed like this as per your response.
I Commented the code in the onSuggestionClick ().
But Commented code is needed.
Could you plse let me know, what else i need to change?
changedCode.txt
0
 
dgofmanCommented:
I cannot run your sample file.
But you need remove all

includeInLayout="false"

and use includeIn + state instead

create a simple button and check how your code will work on calling onSuggestionClick function
 
<mx:Button click="onSuggestionClick(event)"/>
0
On-Demand: Securing Your Wi-Fi for Summer Travel

Traveling this summer?Check out our on-demand webinar to learn about the importance of Wi-Fi security and 3 easy measures you can start taking immediately to protect your private data while using public Wi-Fi. Follow us today to learn more!

 
AlpitaAuthor Commented:
I ran it. But when i click , TextArea with two buttons are not showing.
I mean currentState statement is not executing properly. Nothing is showing when i click.
Can i have your email id, so that i can attach my files?

Regards,
Alpita
0
 
dgofmanCommented:
Yes, please send me your project I will able to help you.
0
 
AlpitaAuthor Commented:
Please , could you provide your emailId?
0
 
dgofmanCommented:
david_gofman@yahoo.com
0
 
AlpitaAuthor Commented:
I sent all my files .
0
 
AlpitaAuthor Commented:
Hello expert,

I found work around solution. Thanks for your help.

Regards,
Alpita
0
 
dgofmanCommented:
are you using state manager?
0
 
AlpitaAuthor Commented:
No. I did not use state manager. In onResult(), i made the <mx:VBox/> containing textArea and button visible = false;includeInLayout = false.
I have no idea about states. Need to go through material.

Regards,
Alpita
0
 
AlpitaAuthor Commented:
Thanks
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

  • 7
  • 6
Tackle projects and never again get stuck behind a technical roadblock.
Join Now