Knockout.js liste görünümü açık ios üzerinde davranıyor

Question

ios sisteminde hatalı olarak hareket eden birkaç seçme kutum var. Cordova 1.8.1 çalıştırıyorum ve sayfamda çalışan bir knockout.js uygulamasına sahibim. Öğe seçicideki bir öğeyi seçtiğimde, seçili olur, ancak listedeki diğer tüm öğeler de yapılır. Şimdi, formu gönderdiğinizde uygun öğenin seçilip bildirildiğini söyleyebildiğim kadarıyla, kullanıcı için gerçekten çok kötü görünüyor ve çok kafa karıştırıcı olabilir. Burada, süslü bir şey yapıyorum kodudur:

<select class="dropdownList1" style='width:35%;left:28%;position:absolute;' data-bind="value:ContactUsForm.Month,options:ContactUsForm.Months,optionsCaption: 'Month'"></select> 

Ama burada ay için 7 almaya gelirken sonucudur:

Bu muti seçme kutusu DEĞİLDİR. Bana buradaki hatanın iOS'ta olduğu anlaşılıyor, fakat şüphem, bir değer seçtiğimde Knockout'un da yeniden görüntü oluşturmasıdır. Normal tarayıcılarda, kutu kapanır, böylece bir 'ara' durumu görmezsiniz, ancak ios ile, kutu 'bitti' seçeneğini tıklayana kadar açık kalır.

Answer 1

Knockout öğeyi açılır menüde güncelleştirdiğinde bu sorun neden oluyor. Ancak, ContactUsForm.Months hiçbir zaman değişmeyecek olsa bile, Knockout öğeyi seçtiğinizde, değerler değiştiğinde öğeleri günceller. Bu sorun hakkında daha fazla bilgi için RP Niemeyer adlı makaleye bakın: Knockout.js Performance Gotcha #3 - All Bindings Fire Together.

Burada sunduğu bir çözümün sizin için çalışacağını düşünüyorum. options bağlayıcısını kullanmak yerine, onun isolatedOptions bağlayıcısını kullanmalısınız. (Ayrıca value hep options veya isolatedOptions sonra olmalıdır bağlayıcı.)

<select data-bind=" 
    isolatedOptions:ContactUsForm.Months, optionsCaption:'Month', 
    value:ContactUsForm.Month"></select>