Twitter typeahead'de kimlik ile nasıl değer elde edilir?

Question

Bir kullanıcının konumunu seçmesini sağlamak için twitter typeahead'i uyguladı. Konumunu name yazıyor, ardından listeden seçiyor ve seçtiği konumun id formda yayınlanacağını belirtti.

Bu iyi çalışır, ve ben bu aşağıdaki liste var varsayalım:

[ 
    United States : 1, 
    Canada : 2, 
    England: 3, 
    China: 4, 
    India: 5, 
    .... // other locations 
] 

Şimdi bir kullanıcı kanada seçip formu göndermek, kimliği 2 veritabanına kaydedilir. Ancak kullanıcı aynı forma geri dönerse, seçtiği konumu almak için bir sorgu yaparım, bu durumda 2 kimliği döndürülecektir.

Seçtiği konumu görüntülemek için typeahead'de Kanada'yı otomatik olarak nasıl seçerim? Hiçbir id değerini temel bir metin değeri yerleştirmek için bir mekanizma inşa yoktur,

i

$('.typeahead').typeahead('val', value) //where value = 2 

çalıştı ama typeahead kontrolü "sadece" bir html girişi olduğundan bu

Answer 1

çalışmıyor . O kısmı kendin yapmak zorundasın.

I've created a fiddle to demonstrate.

Bunu gerçekleştirmek için farklı çeşitli yöntemler kullanabilir, ama benim uygulanmasında idare on focus kullanın. Bu durumda

.on('focus', function() { 
    if (defaultOption.length) { 
     var nm = $.map(locs, function(obj) { 
     if (obj.id === defaultOption) 
      return obj.name; // or return obj.name, whatever. 
     }); 
     console.log(nm); 
     $(this).data().ttTypeahead.input.trigger('queryChanged', nm); 
    } 
    }); 

, bir defaultValue (veritabanından ne geri geliyor olurdu) sağlanması ve ilk öğe olarak kaynağına ekleme ve sonra sorgu değiştiren olayı tetikleyen ediyorum.

Bunu işlemenin başka bir yolu, giriş kutusunda beklenen değeri önceden doldurmaktır. Bağlantılı kemanın sonunda bunu halledebilmen için bir yol gösterdim. Kod, varsayılan bir değeri kontrol eder ve daha sonra girdiyi doğru adla doldurur.

if (defaultOption.length) { 
    nm = $.map(locs, function(obj) { 
     if (obj.id === defaultOption) 
     return obj.name; // or return obj.name, whatever. 
    }); 
    } 

    $('.typeahead').val(nm);