JQuery UI otomatik tamamlama değişikliği olayı - sıfırlama seçimi kimliği

Question

Kullanıcıların bir müşteri adı yazmasına izin vermek için bir form için Otomatik Tamamlama UI widget'ını kullanıyorum. Buradaki fikir, mevcut bir müşteriyi seçebilmeleri ve formdaki diğer alanları doldurabilmeleri ya da oluşturulacak yeni bir müşteriyi serbest bırakabilmeleridir. Bir kullanıcı mevcut bir müşteriyi seçtiğinde, o müşteriyle ilişkili kimliği saklamak için gizli bir girişi doldurmak için select olayını kullanırım.

Kullanmakta olduğum sorun, bir kullanıcının önce listeden bir müşteri seçmesi, ancak metne devam etmesi ve düzenlenmesi, yani yeni bir müşteri oluşturması durumunda, bu gizli giriş kimliği değerinin temizlenebilmesi gerektiğidir. .

Ben this SO question sevk ve aşağıdaki kodu oluşturuldu:

$(function() { 
      $("#customerName").autocomplete({ 
       source: "/Customers/CustomerListJSON", 
       minLength: 2, 
       select: function(event, ui) { 
        $("#customerId").val(ui.item ? ui.item.Id : ""); 
       }, 
       change: function(event, ui) { 
        try { 
         $("#trace").append(document.createTextNode(event.originalEvent.type + ", ")); 
         if (event.originalEvent.type != "menuselected") 
          $("#customerId").val(""); 
        } catch (err) { 
         $("#customerId").val(""); 
        } 
       } 
      }); 
     }); 

sorun değiştirme olayı gibi bir kullanıcı bir müşteri seçerse, gizli giriş değeri doldurulur, böylece blur ateş, ancak olmasıdır Giriş kutusundan odaklanıncaya kadar hemen temizlenir. Ancak, olayını event.originalEvent.type testinden hariç tutarsam, bir kullanıcının önceden seçilmiş bir değeri düzenlediği orijinal senaryoda gizli alanın değeri hiçbir zaman sıfırlanmaz.

Herkes önce bu mücadele vardı ve Has bunun doldurulur yüzden bu gizli girişin değerini nasıl yönetebileceğiniz hakkında bazı bilgiler sunabilir eğer öyleyse sadece bir öğe listesinden seçilen ve diğer değerle temizlenir zaman?

Answer 1

Bunu oldukça hızlı bir şekilde kendi başıma çözdüğüm anlaşılıyor. JQuery UI wiki değinen change olay ui madde select durumunda aynı biridir, bu yüzden böyle okumak için kodumu değiştirebilirsiniz:

$(function() { 
    $("#customerName").autocomplete({ 
     source: "/Customers/CustomerListJSON", 
     minLength: 2, 
     select: function(event, ui) { 
      $("#customerOrganizationId").val(ui.item ? ui.item.Id : ""); 
     }, 
     change: function(event, ui) { 
      $("#customerOrganizationId").val(ui.item ? ui.item.Id : ""); 
     } 
    }); 
}); 

etkinlik için test etmeye gerek sadece için, var ui bağımsız değişkeninde bir öğe olup olmadığı. select olayındaki kimlik ayarı büyük olasılıkla gereksizdir, ancak güvende olmak için ikisini de tutacağım.

Answer 2

$(function() { 
$("#customerName").autocomplete({ 
    source: "/Customers/CustomerListJSON", 
    minLength: 2, 
    select: function(event, ui) { 
     $("#customerId").val(ui.item ? ui.item.Id : ""); 
    }, 
    change: function(event, ui) { 
     try { 
      $("#trace").append(document.createTextNode(event.originalEvent.type + ", ")); 
      if (event.originalEvent.type != "menuselected") 
       $("#customerId").val(""); 
     } catch (err) { 
      $("#customerId").val(""); 
     } 
    } 
}); 
});