オートコンプリート | CURL DEVELOPER CENTER

AutoCompleteを紹介します。

自動補完機能は、一般的なＷｅｂサイトでも実現されていますが、ＣｕｒｌでもAutocompleteTextFieldクラスを利用することで、簡単に実現することができます。

使い方

サーバサイドに簡単なスクリプト等を用意する必要があります。詳細は、サンプルに記載しております。ここでは、Ｃｕｒｌ側の使い方を紹介します。

{AutocompleteTextField
{RandomCompletionProvider}
}

AutocompleteTextFieldは、TextFieldを継承して作成されたクラスです。

引数：provider:AutocompleteProviderには、オンデマンドでデータを提供するためのクラスを指定します。例えば以下のようにAutocompleteProviderを継承して、refreshメソッドをオーバーライドします。

{define-class public open RandomCompletionProvider
{inherits AutocompleteProvider}

field public rng:LinearRandom
field public digits:int

{constructor public {default
                          max-results:int = 10,
                          digits:int = 6
                      }

    {construct-super max-results}
    set self.digits = digits
    set self.rng =
        {LinearRandom seed = ({DateTime}.info.fraction * 10000) asa int}
}

{method public open {refresh acf:AutocompleteMixin}:void
    def tf = acf.text-field
    def s = tf.value
    let items:StringArray = {StringArray}
    def result-count = {max 10, self.max-results}
    {if s.size < self.digits then
        def n = self.digits – s.size
        let a:int = 1
        let b:int = {pow 10.0, n} asa int
        let f:String = {format “%%s%%0%dd”, n}
        {for i = 0 below result-count do
            {items.append {format f, s, {self.rng.next-in-range a, b – 1}}}
        }
    }
    {acf.populate-from-strings items}
}
}

この例では、「http://developers.curlap.com/curl/curl-ext/hp/php/words-containing.php?value=%s&max=%s」にリクエストを送り、結果をドロップダウンで表示します。

サンプル

以下のリンクにて、サンプルプを確認することができます。

http://developers.curlap.com/curl/curl-ext/hp/curlext-overview_autocomplete_textfields.curl

このサンプルでは、サーバサイドには、以下のようなｐｈｐソースと、ＴＸＴファイルを配置しています。

    ————【ｐｈｐソース】——————————————————
        $req_value = $_GET[‘value’];
    $vals = file(“words.txt”);
    $count = count($vals);
    $output = “”;
    for ($i = 0; $i < $count; $i++) {
                                        $pos = stripos($vals[$i], $req_value);
                                        if ($pos === FALSE) {
                                                                // Skip it.
                                                            } else {
                                                                       if ($pos >= 0) {
                                                                                          $output .= “$vals[$i]”;
                                                                                      }
                                                                   }
                                    }
    echo “$output”;
    ?>
    ————【ＴＸＴファイル】——————————————————
      http://developers.curlap.com/curl/curl-ext/hp/php/words.txt

また、Google Suggestion APIとの連携はこちらを参照ください。