2016-09-21 52 views
0

我能夠讓這兩個工作單獨工作,但是當我嘗試在一個啓動中同時具有這兩個功能時不起作用。選擇 - 創建和選項不能一起工作

只能創建

$('#input-tags').selectize({ 
    delimiter: ',', 
    persist: false, 
    create: function(input) { 
     return { 
      value: input, 
      text: input 
     } 
    } 
}); 

兩個創建&選項

var data = [ "option 1", "option 2", "option 3" ]; 
var items = data.map(function(x) { return { item: x }; }); 

$('#input-tags').selectize({ 
    delimiter: ',', 
    persist: false, 
    maxItems: 2, 
    options: items, 
    labelField: "item", 
    valueField: "item", 
    sortField: 'item', 
    searchField: 'item', 
    create: function(input) { 
     return { 
      value: input, 
      text: input 
     } 
    } 
}); 

在第二個,當你點擊 「添加文字」 它不顯示作爲一個標籤輸入字段。點擊屏幕上的其他任何地方都會消失。

實施例:http://jsfiddle.net/2ZrEu/

回答

2

在組合實施例設置的labelField & valueField爲 '項目'。 所以你的創建函數必須返回一個項目字段。

create: function(input) { 
     return { 
      item: input 
     } 
    } 
+0

這只是解決了我的問題後很多時間......它沒有記錄非常清楚? –

+0

不能真正記住,因爲我們已經從選擇轉向Angular了。 selectize的文檔並沒有那麼糟糕,但有時它有助於直接看到我認爲的源代碼。 – Bas1c