Bootstrap-Tags Input - wie vorfüll-Objekt-Werte

Ich bin mit Bootstrap-Tags Eingabe in mein Formular, zuerst entsprechend formatiert mit folgenden code:

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

Dies funktioniert gut, und gibt durch Kommas getrennte Liste von ids, die ich speichern in die db.

Mein problem ist, wie vorfüll die Objekt-Werte wieder in das Eingabefeld auf der Seite aktualisieren? Das Objekt sieht wie folgt aus:

[{"id":"80001","name":"Account Manager"},{"id":"80251","name":"Projektant"}]
InformationsquelleAutor user1049961 | 2014-04-05
  1. 15

    Für alle brauchen diese:

    $.each(obj, function(index, value) {
    $('#looking_for_job_titles').tagsinput('add', value);
    console.log(value);
});
    • Bitte sagen Sie, wo sollten wir diesen code platzieren ?
    InformationsquelleAutor user1049961
  2. 7

    Überprüfen Sie das Dokument über die Methode hier.

    Können Sie verwenden:

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

    und 

    $('input').tagsinput('refresh');
    InformationsquelleAutor Alberto Cerqueira
  3. 0

    sollte es einfach sein, füllen Wert="" - Attribut des input -, aber ohne javascript.
    Wenn Sie dies tun, im richtigen format value="1,2,3", es wird funktionieren

    • Jup, aber ich brauche die id + Wert combo. Siehe meine Lösung an der Unterseite.
    • was ist, wenn Sie speichern, dass Wert als json-in-Eingang und verwenden Sie die Funktionen json_encode und decodieren im backend?
    InformationsquelleAutor Tomáš Tibenský
  4. 0

    so wird es sein value=" [{"id":"80001","name":"Account-Manager"},{"id":"80251","name":"Projektant"}]"

    InformationsquelleAutor Tomáš Tibenský
Schreibe einen Kommentar