Today, I have some free spare time to learn Coldfusion Tags in my office. That's why I decided to learn CFDiv and CFLayout. CFDiv is useful for Ajax manipulation and CFLayout is for content display. That's I'll integrate these two tags.

index.cfm

view plain print about
1<cfform>
2    <cflayout name="outerlayout" type="vbox">
3    <cflayoutarea style="height:100%;">
4        <cflayout name="thelayout" type="border">
5            <cflayoutarea title="Left Panel" position="left" closable="true" collapsible="true" name="left" splitter="true" style="height:100%">
6                <cfinput name="tinput1" type="text">
7                <input type="button" value="Search">
8            </cflayoutarea>
9            <cflayoutarea position="center" style="height:100%">
10                <cfdiv bind="url:divsource.cfm?InputText={tinput1}" ID="theDiv" style="height:350"/>
11            </cflayoutarea>
12        </cflayout>
13        </cflayoutarea>
14    </cflayout>
15</cfform>

divsource.cfm

view plain print about
1<cfoutput>
2<cfif isdefined("url.InputText") AND url.InputText NEQ "">
3    #url.InputText#
4<cfelse>
5    No input
6</cfif>
7</cfoutput>

It stands for every messages will be displayed in the right layout whenever type in the left layout.

This entry was posted on December 23, 2009 at 9:32 AM and has received 1076 views. There are currently 2 comments. Print this entry.