jquery - 如何将动态源传递到 jQuery UI 组合框？

Question

我成功使用了 jQuery 自动完成组合框示例。但是，在示例中，下拉列表的源是使用硬编码值创建的。

当然，我想在我的应用程序中使用多个组合框。不幸的是，我没有找到实现这一目标的方法。

“combobox.js”中的有效代码片段是:

lastXhr = $.getJSON( "the_hardcoded_json_request_string", request, function( data, status, xhr ) {
...
}

我尝试在上面添加一些使用“hasClass”的行来检查该类是否存在。不幸的是，我什至无法判断哪个对象正在调用此代码。它有一个未定义的 id，我对 hasClass 的调用是错误的。到底是什么？

我在主 JavaScript 代码中对组合框的调用如下所示:

$("#myselect").combobox();

我确信 () 是用来传递一些我想要的参数，但是在combobox.js 中的声明看起来像这样:

var cache = {}, lastXhr;
$.widget( "ui.combobox", {
    _create: function() {
...

嗯？我显然不是 Javascript 高手，但我对 $.widget 没有任何实际的了解，或者对“combobox()”的调用如何神奇地知道从combobox.js 调用代码。如果可以的话请帮忙!

Answer 1

我会尝试以下内容。

(function( $ ) {
    $.widget( "ui.combobox", {
        _create: function(options) {

            // Some code

            var input = this.input = $( "<input>" )
            .insertAfter( select )
            .val( value )
            .autocomplete({
                delay: 0,
                minLength: 0,
                source: options.source,

                // More options...

            })

            // More code...

        });
    })( jQuery );

$("#myselect").combobox({source: 'http://yoursite.com/your/sourceurl'});

观察 _create 函数中添加的选项参数以及包装器自动完成小部件的源属性的“option.source”值。