javascript - 使用带有键和值的数组的 jQuery Text Complete

Question

我正在使用 jQuery.textcomplete插件代码如下:

$('#textarea3').textcomplete([
    { // html
        mentions: {
            'test': 'test@gmail.com', 
            'othertest': 'othertest@gmail.com'
        },
        match: /\B@(\w*)$/,
        search: function (term, callback) {
            callback($.map(this.mentions, function (mention) {
                return mention.indexOf(term) === 0 ? mention : null;
            }));
        },
        index: 1,
        replace: function (mention) {
            return '@' + mention + ' ';
        }
    }
]);

我想当用户键入 @te 时显示选项但只显示 mention.[value] 而我不想返回 replace : 功能 喜欢

replace: function (mention) {
    return '@' + mention.[key] + ' ';
}

那么，我该怎么做呢？

Answer 1

将提到的dict转换成数组即可。

var mentions = {
  'test': 'test@gmail.com', 
  'othertest': 'othertest@gmail.com'
};

var arrayOfMentions = Object.keys(mentions).map(function(key) {
  var val = {};
  val[key] = mentions[key];
  return val;
});

$('textarea').textcomplete([
  {
    mentions: arrayOfMentions,
    match: /\B@(\w*)$/,
    search: function (term, callback) {
      callback($.map(this.mentions, function (mention) {
        var value = mention[Object.keys(mention)[0]];
        return value.indexOf(term) === 0 ? mention : null;
      }));
    },
    template: function (mention) {
      return mention[Object.keys(mention)[0]];
    },
    index: 1,
    replace: function (mention) {
      var key = Object.keys(mention)[0];
      return '@' + key + ' ';
    }
  }
]);

在 http://jsbin.com/farewa/edit?js,output 查看 jsbin