2

我创建了一个 Typeahead Autocomplete 框，并将其与 tagmanager.js 绑定在一起。一切正常，除了确保所选标签是预先输入建议列表中提供的选项之一。

self.tagApi = $("#itemTag").tagsManager({
  onlyTagList: true,  //This option is unimplemented in TagsManager 3.0
  maxTags: 1
});

self.tAhead = $("#itemTag").typeahead({
  name: 'items',
  limit: 15,
  remote: {
    url: '/api/get_items_for_typeahead/%QUERY'
  }
}).on('typeahead:selected', function(e, data, data_set_name) {

  //I want to check that it is a valid suggestion here

  $("#itemTag").tagsManager("pushTag", data.value);

});

有人知道如何获取返回的数据集吗？

4

1 回答 1

2

添加一个filter到您的remote. 在其中，只需保存基准，然后在您的selected事件处理程序中使用。像这样：

$itemTag = $('#itemTag');

self.tagApi = $itemTag.tagsManager({
    onlyTagList: true,  // This option is unimplemented in TagsManager 3.0
    maxTags: 1,
});

var lastTypeaheadResponse = null;

self.tAhead = $itemTag.typeahead({
    name: 'items',
    limit: 15,
    remote: {
        url: '/api/get_items_for_typeahead/%QUERY',
        filter: function (response) {
            lastTypeaheadResponse = response;
            return response;
        },
    },
}).on('typeahead:selected', function (e, data, dataSetName) {
    // iterate over lastTypeaheadResponse and check what you want to check
    $itemTag.tagsManager('pushTag', data.value);
});
于 2013-11-03T12:37:08.803 回答