私が調査したすべてのチュートリアルと例は、非常に苛立たしいものにするために必要なものから十分に「外れている」ものでした。Twitter Bootstrap と jQuery を使用する Coldfusion ページがあります。学校を一覧表示するには、オートコンプリート機能が必要です。これはかなり簡単なはずです。まったく応答がありません。また、エラーはありません (開発ツールを使用して見つけることができます)。
これは、非常に多くの試みを行った後では、やや面倒かもしれません。IE; source: '/assets/cf/fetchColleges.cfm'
とajax 呼び出しの違いがわかりません。ソースはローカル/クライアント データ ソースだと思います。
HTML:
<div class="row">
<div class="span9">
<input size="34" type="text" name="CollegeName" id="CollegeName" value="" />
<div id="results"></div>
</div>
</div>
jQuery:
jQuery( document ).ready(function($) {
$("#CollegeName").autocomplete({
source: '/assets/cf/fetchColleges.cfm',
minLength: 3,
select: function(event, ui) {
$('#company_id').val(ui.item.id);
// go get the company data
$.ajax({
type: 'Get',
url: '/services/GradTax.cfc?method=GetSchoolsJson&returnformat=json',
data: {searchPhrase: query.term},
dataType: 'json',
error: function(xhr, textStatus, errorThrown) {
// show error
alert(errorThrown)},
success: function(result) {
response(result);
}
});
}
});
});
フロン:
<cffunction name="GetSchoolsJson" access="remote" >
<cfargument name="QueryString" required="true" />
<cfquery name="QComp" datasource="#request.dsn_live#">
select name
from companies
WHERE School_Flag = 'True' AND [Name] LIKE '%#Request.QueryString#%' AND (Status_Flag IS NULL OR Status_Flag = 'A') AND Grad_Tax_Flag = 'True'
ORDER BY [NAME] ;
</cfquery>
<cfset var comp = structNew() />
<cfoutput query="QComp">
<cfset comp["name"] = '#qcomp.name#' />
</cfoutput>
<cfreturn comp>
</cffunction>