2013-12-08 14 views
10

Selectize.jsタグ付け、自動補完などで入力をウィジェットに変換できます。コードを使用して入力にタグを追加しようとしています。プログラムで入力する項目を追加します

これまで私がこれまで持っていたことは次のとおりです。

$(function() { 
    $("#tags").selectize({ 
     create: true 
    }) 

    var selectize_tags = $("#tags")[0].selectize 
    selectize_tags.createItem("foo") 
    selectize_tags.refreshItems() 
}) 

http://jsfiddle.net/qDL37/

残念ながら、「foobarには、」入力ボックスに追加されません。私の知る限り、それはthe correct wayです。

これはselectize.jsのバグでしょうか?私はGitHubの問題で検索しようとしましたが、そのようなものは見つかりませんでした。

また、私はselectize.jsのコードを読もうとしましたが、運はありませんでした。

答えて

19

#javascript @freenodeの素晴らしい人のおかげで、これは正しい方法です。

$(function() { 
    $("#tags").selectize({ 
     create: true 
    }) 

    var selectize_tags = $("#tags")[0].selectize 
    selectize_tags.addOption({ 
     text:'Foo', 
     value: 'foo' 
    }); 
    selectize_tags.addItem('foo') 
    // selectize_tags.refreshItems() 
}) 

http://jsfiddle.net/qDL37/1/

+0

私は同じ問題を抱えていますが、私は 'valueField、labelFieldプロパティ、searchField'オプションを使用しています。そのための解決策はありますか? – Fabrizio

+2

@Fabrizio私は、 'text'と' value'のキーを 'labelField'と' valueField'のために指定した値に変更することになるでしょう(https://github.com/brianreavis/selectize.js/blob/master /docs/usage.md#data_searching)。 – daGrevis

+0

は2時間を探していましたが、このトピックはGoogleの検索結果の一番下にありました。ありがとう、それは動作します! – Skyzer

関連する問題