2

私が調査したすべてのチュートリアルと例は、非常に苛立たしいものにするために必要なものから十分に「外れている」ものでした。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>
4

1 に答える 1