Bootstrap Tagi wejściowe - jak wstępnie wypełnić obiekt ceni

Question

Używam Bootstrap Tagi Wejście w moim formularzu, initalized z następującego kodu:

$('#looking_for_job_titles').tagsinput({ 
    itemValue: 'id', 
    itemText: 'name' 
}); 

// TypeAhead.js 
var job_scopes = new Bloodhound({ 
    datumTokenizer: function(d) { 
     return Bloodhound.tokenizers.whitespace(d.value); 
    },queryTokenizer: Bloodhound.tokenizers.whitespace, 
    limit: 100, 
    remote: { 
     url: 'http://www.domain.com/json.php?action=job_title&q=%QUERY' 
    } 
}); 

job_scopes.initialize(); 

$('#looking_for_job_titles').tagsinput('input').typeahead({ 
     itemValue: 'name' 
    }, 
    { 
     name: 'job_scope', 
     displayKey: 'name', 
     source: job_scopes.ttAdapter(), 
     templates: { 
      empty: [ 
       '<div class="empty-message">', 
       'no results found', 
       '</div>' 
      ].join('\n'), 
      suggestion: function(data){ 
       return '<p>'+ data.industry +'> <strong>' + data.name + '</strong></p>'; 
      } 
     }, 
     engine: Hogan 
    }).bind('typeahead:selected', $.proxy(function (obj, datum) { 
     this.tagsinput('add', datum); 
    }, $('#looking_for_job_titles'))); 

To działa prawidłowo i powraca przecinkami listę identyfikatorów rozdzielone, którą zaoszczędzisz do db.

Mój problem polega na tym, jak wczytać wartości obiektów z powrotem do pola wejściowego podczas odświeżania strony? Obiekt wygląda następująco:

[{"id":"80001","name":"Account Manager"},{"id":"80251","name":"Projektant"}] 

Answer 1

Dla każdego, kto potrzebuje to:

$.each(obj, function(index, value) { 
    $('#looking_for_job_titles').tagsinput('add', value); 
    console.log(value); 
}); 

Answer 2

powinno być proste, wartość wypełnienia = "" atrybut tego wejścia, ale bez javascript. Jeśli zrobisz to w poprawnej wartości formatu = "1,2,3", zadziała

Answer 3

, więc będzie to wartość = "[{" id ":" 80001 "," name ":" Account Manager "}, {" id ":" 80251 "," name ":" Projektant "}]"

Answer 4

Sprawdź dokument na Method here.

Można użyć:

$('input').tagsinput('add', 'some tag'); 

i

$('input').tagsinput('refresh');