Bootstrap Tagsinput和TypeAhead freeInput的默认对象

时间:2013-09-15 12:49:59

标签: twitter-bootstrap bootstrap-typeahead typeahead.js

我正在使用https://github.com/TimSchlechter/bootstrap-tagsinput

中的Bootstrap TagsInput

我的代码读为

$("#example > input").tagsinput({
    itemValue: function (item) {                
        return item.value;
    },
    itemText: function (item) {                
        return item.text;
    },         
    typeahead: {
        source: [
            { "value": 1, "text": "Amsterdam" },
            { "value": 2, "text": "Bmsterdam" },
            { "value": 3, "text": "Cmsterdam" },
            { "value": 4, "text": "Dmsterdam"}
        ],
        freeInput: true
    }
});

除了freeInput之外,一切运行良好,它似乎无法创建默认值&文本付费对象。我如何允许freeInput?

2 个答案:

答案 0 :(得分:1)

来自freeInput选项下的http://timschlechter.github.io/bootstrap-tagsinput/examples/

  

"允许创建未由typeahead的源返回的标签(默认值:true)

     

仅当使用字符串作为标记时才可以这样做。设置itemValue选项时,将忽略此选项。"

答案 1 :(得分:0)

默认情况下,使用typeahead时,Freeinput为true。据我所知,当使用typeahead Bootstrap 3和Twitter的typeahead时,“Source”属性也会被折旧。所以也要注意这个问题。通常在大多数情况下,如果使用远程源,freeInput可能需要为false。可能不希望自由输入这个,因为您要约束列表中的项目。

再说一次,如果使用最新的版本,我会考虑的第一件事。 Typeahead和Bootstrap是源属性。您可能希望“预取”用于远程源,而“本地”用于简单数组或对象数组。