0

我正在为 Tapestry 使用 jQuery AutoComplete mixin。我想改变选择功能的行为。我需要将标签属性返回到输入字段并将值属性传递给兄弟元素。我已将选择函数描述添加到 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

我在我的挂毯应用程序中稍微调整了自动完成功能。Tapestry js twerking 的主要作用是意识到在底层仍然有普通的 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 回答