如何引用引导类型预处理的数据

How to reference data for bootstrap-typeahead?

本文关键字：类型 预处理 数据 何引用 引用      更新时间：2023-09-26

这是我的数据：

var markers = {
        "example": {"lat": -83.68088192646843, "lng": -125.270751953125, "type": "town"},
        "anotherexample": {"lat": -58.1548020417031, "lng": -21.318115234375, "type": "town"}
}

如何引用此数据源？

编辑：

方法是这样的：

$('.thing').typeahead({source: markers});

但这不起作用，我认为这是因为markers不是选择我的标记对象的正确语法。我应该改用什么？

您可以尝试以某种方式序列化对象。在我的示例（jsfiddle）中，我连接了每个条目以获得某个字符串：

var markers_as_str = Array();
for(var index in markers) {
    var marker = markers[index];
    var str = index+" : "+marker.lat+" "+marker.lng+" "+marker.type;
    markers_as_str.push(str);
}
$('#strs').typeahead({
    source: markers_as_str
});

您可以自定义matcher和sorter选项以检查特定属性。但是您在显示选项时会遇到困难，因此您必须覆盖updater选项。所有这些都有点过分了，因为您可能不需要它。

我用过这个： 

names = []; 
for (var k in markers) {
    if (markers.hasOwnProperty(k)) {
        names.push(k);
    }
}

我写了一篇关于这个问题的博客文章，如何使用 Bootstrap Typeahead 使用富对象和类型化对象。关键是将对象键入到某个类中，该类具有要序列化的toString()方法和要反序列化的fromString()方法（在 Bootstrap Typeahead updater 函数中用于引用原始类型的对象）。在我的博客中，我以UsState为例：

UsState.prototype.toString = function() {
    return JSON.stringify(this);
};
UsState.fromString = function(serializedState) {
    return $.extend(new UsState(), JSON.parse(serializedState));
};

然后在 updater 的预类型定义中：

updater: function(state) {
    state = UsState.fromString(state);
    $stateMessage.html('<strong>' + state.name + '</strong> has ' + state.numElectoralVotes + ' electoral votes.');
    return state.name;
},

请注意其他 Typeahead 方法的定义，以正确处理对象：

highlighter: function(state) {
    return $.fn.typeahead.Constructor.prototype.highlighter.call(this, state.name);
},
相关文章：