IE 9 & 10'un temizle düğmesini Knockout ciltleme ile işlemeye devam edin

Question

Gözlemlenebilir bir knockout js'a bağlı bir giriş metin kutusuna sahibim.

<input id="searchTextBox" class="searchTextBox" type="text" maxlength="25" 
     title="Search" placeholder="Search" 
     data-bind="value: GridVm.FilterText, 
     valueUpdate: 'afterkeydown', 
     disable: GridVm.Data().length == 0" /> 

sorun kullanıcı IE x tıkladığında gözlemlenebilir FilterText güncelleme olmamasıdır.

remove the x görüntüleyebilirim (bağlantılı sorudaki ekran görüntüsüne bakın), ancak bu son çare (özelliği beğeniyorum). This forum says there is no event fired when the x is clicked.

Knockout'ta gözlemlenebilir bir güncelleştirmeyi veya bunu yapmak için iyi bir yolu zorlamak için kullanabileceğim bir olay var mı?

Answer 1

sadece o değer güncellemesini tetiklemek için bu olay kanca

valueUpdate: 'afterkeydown' 

valueUpdate: 'input' 

değiştirirseniz. Genel olarak daha iyi çünkü panoya dayalı eylemleri ve metin sürükle-bırak eylemlerini de ele alıyor.

Answer 2

input event ve Knockout's event binding kullanarak bunu çözdüm. İşte aşağıdaki kod ile my JsFiddle showing the solution.

<input type="search" id="input1" data-bind="value: textForBox, valueUpdate: 'afterkeydown', 
    event: { input: cleared }" /> 
var vm = { 
    textForBox: ko.observable(), 
    cleared: function (data, event) { 
     if (event.currentTarget.value === '') { 
      this.textForBox(''); 
     } 
    } 
}; 
ko.applyBindings(vm);