I'm using the cflayout to design a three level form Area -> category -
> subcategory, so based on the url variable sent to file level2.cfm
the category is selected and then in level two which is in the center
cflayoutarea based on the selected category a call to level3.cfm which
shows the subcategories then the last level is selected by the user
and populated to DB table.
The code is below:
<cfajaximport tags="cfform">
<cflayout name="outerlayout" type="vbox">
<cflayoutarea style="height:400;">
<cflayout name="thelayout" type="border">
<!--- The 100% height style ensures that the background
color fills
the area. --->
<cflayoutarea title="Area of Interest" position="left"
closable="false"
collapsible="true" name="left" splitter="true"
style="background-color:##CCCCCC; height:100%"
size="200">
<cfquery datasource="#Application.dbSource#"
name="l1">
select distinct level1 from
#Application.supplierBook#
</cfquery>
<table cellpadding="2" cellspacing="2">
<cfoutput query="l1">
<tr><td valign="top" bgcolor="##9999CC">
<a
href="javaScript:ColdFusion.navigate('areasOfInterest/level2.cfm?
level1=#level1#','center')">#level1#</a>
</td></tr>
</cfoutput>
</table>
</cflayoutarea>
<cflayoutarea position="center"
style="background-color:##FFFFFF; height:100%"
name="center">
Category<br />
</cflayoutarea>
<cflayoutarea position="right" name="right"
style="background-color:##FFFFFF; height:100%"
size="250">
Sub-Category
</cflayoutarea>
</cflayout>
</cflayoutarea>
</cflayout>
On Dec 25, 12:20 am, Stephen Moretti <[email protected]>
wrote:
> On 24 December 2010 09:12, Mustafa <[email protected]> wrote:
>
> > Do you have an example on how to do this? I'm using cflayout vbox.
> > --
>
> A cflayout vbox is just an extjs vbox. Take a look at
> :http://dev.sencha.com/deploy/dev/examples/layout-browser/layout-brows...
> for various extJS layout examples. Or for specific vbox examples take a look
> at :http://dev.sencha.com/deploy/dev/examples/layout/vbox.html
>
> You can find the extJS vbox api documentation here
> :http://dev.sencha.com/deploy/dev/docs/?class=Ext.layout.VBoxLayout
>
> Stephen
> --
> Stephen Moretti
> Blog :http://nil.checksite.co.uk/
> Twitter :http://twitter.com/mr_nil
> More Twitter :http://twitter.com/CFOverflow
--
Open BlueDragon Public Mailing List
http://www.openbluedragon.org/ http://twitter.com/OpenBlueDragon
official manual: http://www.openbluedragon.org/manual/
Ready2Run CFML http://www.openbluedragon.org/openbdjam/
mailing list - http://groups.google.com/group/openbd?hl=en
