2

jQueryオートコンプリート、Yahoo Finance、ZendFrameworkを連携させようとしています。

私が欲しいのは、YahooAPIを介してティッカーシンボルをオートコンプリートできるフォームフィールドを作成することです。

これを含むZend_From要素をすでに作成しました：

    $this->setJQueryParam('source', new Zend_Json_Expr('function( request, response ) {
            $.ajax({
                type: "GET",
                dataType: "jsonp",
                jsonp: "callback",
                jsonpCallback: "YAHOO.Finance.SymbolSuggest.ssCallback",
                data: {
                    query: request.term
                },
                cache: true,
                url: "http://autoc.finance.yahoo.com/autoc";
                }
            });
        }'));
    $this->getView()->jQuery()->addJavascript('var YAHOO={Finance:{SymbolSuggest:{}}};');
    $this->getView()->jQuery()->addOnLoad('YAHOO.Finance.SymbolSuggest.ssCallback = function (data) {
                                            console.log(JSON.stringify(data)); }');

私の問題の一部を解決したこの投稿を見つけましたが、使用するvar YAHOO={Finance:{SymbolSuggest:{}}};ことは汚いトリックであり、正しい方法ではないと思います。

ここで、フィールドにGOOと入力すると、firebugコンソールに次のようなメッセージが表示されます。

{"ResultSet"：{"Query"： "goo"、 "Result"：[{"symbol"： "GOOG"、 "name"： "Google Inc。"、 "exch"： "NMS"、 "type"： "S"、 "exchDisp"： "NASDAQ"、 "typeDisp"： "Equity"}、{"symbol"： "GT"、 "name"： "Goodyear Tire＆RubberCo。"、 "exch"： "NYQ" 、"type"： "S"、 "exchDisp"： "NYSE"、 "typeDisp"： "Equity"} .. ..

これは素晴らしいことですが、このコールバック関数からこれらのデータをオートコンプリートに送り返す方法がわかりません。

4

2 に答える 2

4

Liyali、それを理解してコードを投稿してくれてありがとう。jqueryオートコンプリートのコンテキストでjsを提供したかっただけです。

$("#txtTicker").autocomplete({
source: function (request, response) {
    $.ajax({
        type: "GET",
        dataType: "jsonp",
        jsonp: "callback",
        jsonpCallback: "YAHOO.Finance.SymbolSuggest.ssCallback",
        data: {
            query: request.term
        },
        cache: true,
        url: "http://autoc.finance.yahoo.com/autoc"
    });

    YAHOO.Finance.SymbolSuggest.ssCallback = function (data) {
        response($.map(data.ResultSet.Result, function (item) {
            return {
                label: item.name,
                value: item.symbol
            }
        }));
    }
},
minLength: 1,
select: function (event, ui) {
    $("#txtTicker").val(ui.item.name);
},
open: function () {
    $(this).removeClass("ui-corner-all").addClass("ui-corner-top");
},
close: function () {
    $(this).removeClass("ui-corner-top").addClass("ui-corner-all");
}

}）;

于 2012-03-22T05:52:14.853 に答える
3

私はついに解決策を見つけましたが、それでもYAHOO名前空間を使用しています。

最初に最後の行（addOnLoad）を削除し、そのコンテンツをAjaxリクエストの直後に移動して、オートコンプリート関数に移動し、結果をオートコンプリートに戻すことができるようにしました。

最終的なコードは次のとおりです。

$this->setJQueryParam('source', new Zend_Json_Expr('function( request, response ) {
        $.ajax({
            type: "GET",
            dataType: "jsonp",
            jsonp: "callback",
            jsonpCallback: "YAHOO.Finance.SymbolSuggest.ssCallback",
            data: {
                query: request.term
            },
            cache: true,
            url: "http://autoc.finance.yahoo.com/autoc";
            }
        });
        YAHOO.Finance.SymbolSuggest.ssCallback = function (data) {
            console.log(data.ResultSet.Result);
            response( $.map( data.ResultSet.Result, function( item ) { 
                return {
                    label: item.symbol,
                    value: item.name
                }
            }))
         }
    }'));
$this->getView()->jQuery()->addJavascript('var YAHOO={Finance:{SymbolSuggest:{}}};');

お役に立てば幸いです。

于 2012-02-09T07:01:07.783 に答える