2014-04-05 15 views
9

nesneyi önceden doldurmak için nasıl değerleri:Bootstrap Etiketler Girdi Aşağıdaki kod ile initalized, benim formda Bootstrap Etiketler Girişini kullanıyorum

$('#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'))); 

Bu iyi çalışır ve kimliklerinin listesini virgülle ayrılmış döner, Kurtarmam db içine.

Sorunum, nesne değerlerini sayfa yenilemedeki giriş alanına nasıl geri dolduracağınızdır? Bu ihtiyaç duyan herkes için

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

cevap

11

: nesne benziyor

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

o "" = o girişin niteliğini değerini doldurmak, basit ama javascript olmadan olmalıdır. Doğru biçim değeri = "1,2,3" yaparsanız,

+0

Evet, ama id + değer açılan gerekir:

kullanabilirsiniz. Alttaki çözümüme bakın. – user1049961

+0

Bu değeri json olarak girdi olarak kaydeder ve json_encode'u kullanır ve arka uçta şifresini çözerseniz ne olur? –

0

çalışacaktır, böylece = = [[{"id": "80001", "name": "Hesap Yöneticisi olacaktır. "}, {" id ":" 80251 "," name ":" Projektant "}]"

5

Yöntem here belgesindeki belgeyi kontrol edin.

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

ve

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