Answered
autosuggest problems with cf8
I am using cfinput with autosuggest as described ny Ben Forta
in his cf8 book.
I have the following questions.
How do you get more than 10 items to be displayed in the list?
On my form I have a cfgrid below the cfinput/autosuggest which works ok with Firefox, but with IE the list is hidden by the cfgrid. How do I fix that?
<cfform name="EISELCLIENT1" method="POST">
<br/>
<br/>
<table width="50%" align="center"><tr><td>
<h3 align="center"> Enter first letters of Client Name</h3> </td></tr>
<tr><td><span class="fldhdr" align="center" >
<cfinput name="char1" id="char1" type="text" value="?"
autosuggest="cfc:components.clients.qryclient2({cfautosuggestvalue})" ></span>
</td></tr></table><br><br>
<br>
<table width="100%" border="0" cellpadding="0">
<tr>
<td><div id="pt1" align="center" >
<cfgrid name="clist1" format="html" selectmode="row"
striperows="yes" pagesize="10"
bind="cfc:components.clients.qryclient1({cfgridpage},{cfgridpagesize},{cfgridsortcolumn},
{cfgridsortdirection},{char1})" >
<cfgridcolumn name="ClientCode" header="Code">
<cfgridcolumn name="Name" width="200" header="Name">
<cfgridcolumn name="PC" width="100" header="Post Code">
<cfgridcolumn name="Tel" width="100" header="Telephone">
</cfgrid>
I have the following questions.
How do you get more than 10 items to be displayed in the list?
On my form I have a cfgrid below the cfinput/autosuggest which works ok with Firefox, but with IE the list is hidden by the cfgrid. How do I fix that?
<cfform name="EISELCLIENT1" method="POST">
<br/>
<br/>
<table width="50%" align="center"><tr><td>
<h3 align="center"> Enter first letters of Client Name</h3> </td></tr>
<tr><td><span class="fldhdr" align="center" >
<cfinput name="char1" id="char1" type="text" value="?"
autosuggest="cfc:components.clients.qryclient2({cfautosuggestvalue})" ></span>
</td></tr></table><br><br>
<br>
<table width="100%" border="0" cellpadding="0">
<tr>
<td><div id="pt1" align="center" >
<cfgrid name="clist1" format="html" selectmode="row"
striperows="yes" pagesize="10"
bind="cfc:components.clients.qryclient1({cfgridpage},{cfgridpagesize},{cfgridsortcolumn},
{cfgridsortdirection},{char1})" >
<cfgridcolumn name="ClientCode" header="Code">
<cfgridcolumn name="Name" width="200" header="Name">
<cfgridcolumn name="PC" width="100" header="Post Code">
<cfgridcolumn name="Tel" width="100" header="Telephone">
</cfgrid>
