0

Tapestry に jQuery AutoComplete mixin を使用しています。select 関数の動作を変更したいと思います。label プロパティを入力フィールドに戻し、value プロパティを兄弟要素に渡す必要があります。select 関数の説明を JavaScript ファイルに追加しましたが、何も起こりません。ソリューションを機能させる方法を知りたいです。

(function ($) {

 T5.extendInitializers(function () {
    function init(specs) {

        var element = $("#" + specs.id),
            conf = {
                source: function (request, response) {
                 //...Defining Source Data
                },
                select: function (e,ui) {
                    e.preventDefault();
                    $("#" + specs.id).val(ui.item.label);
                    $("#" + specs.id).next().val(ui.item.value);
                },
                change: function(e,ui) {
                    alert("ss");
                }
            };

        if (specs.delay >= 0)
            conf.delay = specs.delay;

        if (specs.minLength >= 0)
            conf.minLength = specs.minLength;

        if (specs.options) {
            $.extend(conf, specs.options);
        }
        element.autocomplete(conf);
    }
    return {
        autocomplete: init
    }
  });
})(jQuery);
4

1 に答える 1

0

タペストリー アプリでオートコンプリートを少し調整しました。タペストリー js の微調整の主な点は、ボンネットの下にまだプレーンな jQuery とその API があることを認識することです。

これは、マウスで値を選択した後にフォームを送信するための修正です。

jsファイルで：

function initSearchBox(options) {
    $(document).ready(function () {
        var searchBoxElem = $("#" + options.searchBoxId);
        searchBoxElem.on('autocompleteselect', function (event, ui) {
            // if "enter" pressed
            if(event.which == 13){
                $('#form').submit();
            } else {
                searchBoxElem.val(ui.item.label);
                $('#form').submit();
            }
            event.preventDefault();
        });
    });
}

Java ファイル内:

@AfterRender
public void afterRender() {
    // autocomplete selected fix
    JSONObject options = new JSONObject();
    options.put("searchBoxId", SEARCH_BOX_ID);
    javaScriptSupport.addScript("initSearchBox(%s)", options.toString());
}
于 2013-09-25T08:30:51.840 に答える