Question

我有一个建议输入字段来搜索我自己的JSON，以便为英国的可用火车站提供建议。我已经设法通过以下代码完成了这项工作。

$.getScript('//cdnjs.cloudflare.com/ajax/libs/typeahead.js/0.11.1/typeahead.bundle.min.js', function() {
    // script is now loaded and executed.
    var stations = new Bloodhound({
        datumTokenizer: function(datum) {

            return Bloodhound.tokenizers.whitespace(datum.simplename);
        },
        queryTokenizer: Bloodhound.tokenizers.whitespace,
        sorter: function(a, b) {

            if (a.name < b.name) {
                return -1;
            } else if (a.name > b.name) {
                return 1;
            } else return 0;
        },
        prefetch: {
            url: 'Rails_Feed.json',
            cache: false,
            transform: function(data) {
                return $.map(stations.sorter(data.stations), function(station) {
                    //debugger;
                    //console.log(station.id);
                    if (station.name == 'United Kingdom') {
                        return {
                            id: station.id,
                            name: station.localizedNames[0].extendedValue,
                            country: station.name,
                            dest: station.tags.rails['stationCode'],
                            simplename: station.localizedNames[0].value,
                        };
                    }
                });
            }
        }

    });

    // Instantiate the Typeahead UI
    $('#origin-rlp').typeahead({
        hint: true,
        highlight: true,
        minLength: 1
    }, {
        limit: 10,
        name: 'originName',
        display: 'name',
        value: 'name',
        source: stations,
        templates: {
            empty: [
                '<div class="empty-message">',
                'no suggessions',
                '</div>'
            ].join('\n'),
            suggestion: function(data) {
                console.log(data);
                return '<div class="address"><span class="icon icon-train"></span>&nbsp;' + data.name + '</div>';
            }
        }
    }).on('typeahead:selected', function(obj, datum) {
        //console.log(datum);
        var DestData = new Array();
        DestData = $.parseJSON(JSON.stringify(datum));
        $('#origin-dest').val(DestData["dest"]);
    });
});

我最近学习并使用了typeahead.js时遇到了几个问题。

我在转换函数中有来自country的过滤结果。这是正确的方法吗？。不能把它作为一个条件传递给 datumTokenizer功能。
有没有办法限制/过滤建议作为角色用户 type应该在单词的开头还是有任何功能对它进行排序以与顶部完全匹配（例如：当用户类型＆＃34; lo＆＃34; 它应该显示所有从＆＃39; lo＆＃39;然后他们表明其他建议。喜欢＆＃39; Loch Awe，Dalmally，UK＆＃39;应该来到洛克哈尔什，凯尔，英国的凯尔＆＃39;）？

如果需要，

{
      "name": "United Kingdom",
      "localizedNames": [
        {
          "value": "London",
          "extendedValue": "London,UK"
        }
      ],
      "tags": {
        "rails": {
          "stationCode": "GBLO"
        }
      },
}

有哪些可用选项可以过滤typeahead.js中的内容

0 个答案: