强制Bootstrap Tokenfield为POST值而不是Labels

时间:2015-08-28 13:27:44

标签: javascript bootstrap-tokenfield

我一直想知道如何从Bootstrap Tokenfield发布id。

我构建了以下jsfiddle:http://goo.gl/MiQajX

var friends = new Bloodhound({
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('name'),
    queryTokenizer: Bloodhound.tokenizers.whitespace,
    prefetch: {
        url: 'https://gist.githubusercontent.com/tbbooher/806c767e1fb1f4177e61/raw/375f05ce0b3a771198c9addd98ae0352d5f4b7bb/json.json'
    }
});

friends.initialize();

 $('#journal_entry_friend_ids').tokenfield({
    typeahead: [
    null, {
    displayKey: 'name',
    source: friends.ttAdapter()
    }]
 })

目标是让twitter typeahead和bootstrap令牌字段一起工作。问题是,当我发布时,提交的值是以逗号分隔的标记标签列表,而不是标记的id值。

理想的功能是将输入标记值作为一串id进行POST:即“1,3,7,12”。此外,当页面在输入字段中加载字符串时,tokenfield会自动填充输入字段(以便可以编辑页面)。

由于这是非常基本的行为,我相信其他用户已经想到了这一点。任何帮助都表示赞赏,特别是在弄清楚此代码如何与DOM交互的内部时。

0 个答案:

没有答案