使用对象变量作为Materialise Autocomplete

时间:2018-04-01 12:34:06

标签: json autocomplete materialize

我正在寻找熟悉Materialise框架的人。我正在使用内置的自动完成功能,但无法动态获取数据。示例如下所示:

$(‘input.autocomplete’).autocomplete({
data: {
“Apple”: null,
“Microsoft”: null,
“Google”: ‘https://placehold.it/250x250’
},
limit: 20, // The max amount of results that can be shown at once. Default: Infinity.
onAutocomplete: function(val) {
// Callback function when value is autcompleted.
},
minLength: 1, // The minimum length of the input for the autocomplete to start. Default: 1.
});

我想创建自己的对象以用作数据:

var itemNames = {};

function getNames() {

    var itemName;
    var itemIndex;
    var items = $(‘tr’);
    for (var i = 0; i < items.length; i++) {
    itemNames["${items[i].childNodes[0].innerText}"] = ‘img/md.png’;
    }

}

setTimeout(function(){
getNames();
}, 2000);

$(’.autocomplete’).autocomplete({
data: itemNames,
limit: 5,
onAutocomplete: function(val) {

  },
  minLength: 2
});

我从页面上的表中获取了这个名称列表,这是从firebase填充的。两件事:

我必须延迟getNames函数,否则itemNames对象不会填充。

自动填充功能不会挂钩到itemNames对象。

如果我手动将对象设置为数据,则自动完成功能正常,但它不喜欢变量。没有错误,只是没有建议数据。

有什么想法吗?我也尝试将数据设置为函数,没有骰子。

1 个答案:

答案 0 :(得分:0)

将自动完成功能移动到setTimeout似乎有效。当对象更新时,不确定是否存在任何长期影响。将报告回来。

setTimeout(function(){
     getNames();
     console.log($itemNames);
     $('.autocomplete').autocomplete({ data: $itemNames,
       limit: 5, onAutocomplete: function(val) {}, minLength: 2 });
   }, 2000);