You'll have to use a straight Ext JS implementation for this. 
ColdFusion's implementation is flawed, because it doesn't dynamically 
set the id of each container. When nesting layouts, you end up with 
duplicate id's, which then break the document object model.

Steve 'Cutter' Blades
Adobe Certified Expert
Advanced Macromedia ColdFusion MX 7 Developer
____________
http://blog.cutterscrossing.com


Co-Author "Learning Ext JS 3.2" Packt Publishing 2010
https://www.packtpub.com/learning-ext-js-3-2-for-building-dynamic-desktop-style-user-interfaces/book

"The best way to predict the future is to help create it"


On 3/1/2011 12:15 PM, Ken Hammond wrote:
> I cannot get this code to work, no matter what I do, it returns a blank
> page.  The javascript and ajaxonloads are required to make the accordians
> collapsed on page load.  Any help would be much appreciated.
>
> Code:
>
> <html>
>     <head>
>        <script type="text/javascript">
>           <cfloop index = "ListElement" list = "A,B,C,D">
>              <cfoutput>
>                 #ListElement# =
> function(){ColdFusion.Layout.collapseAccordion('Accordion#ListElement#','panel#ListElement#');}
>              </cfoutput>
>           </cfloop>
>        </script>
>     </head>
>     <body>
>        <cflayout type="border">
>           <cflayoutarea position="center">
>              <cfloop index = "ListElement" list = "A,B,C,D">
>                 <cfoutput>
>                    <cflayout type="hbox" name="hbox#ListElement#">
>                       #ListElement# - Manager Name, Date Placed, CC,
> Contractor/Company Name, System ID/SSN, Start Date, End Date
>                    </cflayout>
>                    <cflayout type="accordion" name="Accordion#ListElement#">
>                       <cflayoutarea title="IC Completed Forms"
> name="panel#ListElement#">
>                          <p>#ListElement# - File1</>
>                          <p>#ListElement# - File2</>
>                          <p>#ListElement# - File3</>
>                       </cflayoutarea>
>                    </cflayout>
>                    <br>
>                 </cfoutput>
>              </cfloop>
>           </cflayoutarea>
>        </cflayout>
>        <cfloop index = "ListElement" list = "A,B,C,D">
>           <cfoutput>
>              <cfset ajaxonload('#ListElement#')>
>           </cfoutput>
>        </cfloop>
>     </body>
> </html>
>
>
>
>
> 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:342664
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm

Reply via email to