私はKnockoutJSにはかなり新しく、これまで見たことが大好きです。 現在、View Modelのobservableプロパティが のテキストボックス(input type = text)のtextプロパティにバインドされている場合、ViewModel はテキストボックスのblurイベントでのみ更新されます。 テキストボックスの変更イベントでビューモデルを更新する方法はありますか?私は、 "init"のテキストボックスに変更イベント ハンドラを配線する際にカスタムバインディングハンドラを作成しようとしましたが、何とかうまく動作しませんでした。この目標を達成するためには が正しいですか?それとも簡単な方法がありますか?KnockoutJS - ViewModelを更新するOnBlurオプションの代わりにテキストボックス値を変更する
14
A
答えて
21
また、バインディング「の値を」を使用して、コントロールを更新する際に指定するvalueUpdate
結合属性を追加することができます。
はこちらをご覧ください:http://knockoutjs.com/documentation/value-binding.html上記
<p>Your value: <input data-bind="value: someValue, valueUpdate: 'afterkeydown'" /></p>
<p>You have typed: <span data-bind="text: someValue"></span></p> <!-- updates in real-time -->
<script type="text/javascript">
var viewModel = {
someValue: ko.observable("edit me")
};
</script>
6
からコピーペーストしながら、動作していませんマウスを使用して、valueUpdateでイベントを渡す必要があります。 のような..
<p>Your value: <input data-bind="value: someValue, valueUpdate:['afterkeydown','propertychange','input']" /></p>
+0
ありがとう、私を大いに助けてくれた! – WhatsInAName
関連する問題
- 1. domテキストが変更されたときにknockoutjs viewmodelを更新する
- 2. 選択ドロップダウンでオプション値の代わりにオプションIDを持つデータモデルを更新
- 3. 新しいインスタンスを作成する代わりに値を変更する
- 4. 値の代わりに式を使って更新する
- 5. 代わりに更新する
- 6. Knockoutjs observablearray更新値
- 7. JavaScriptがページを更新代わりにフィールドを更新
- 8. コンポーネントを更新する代わりに削除する
- 9. UIProgressViewのみUIの代わりに値を更新
- 10. UIルーターは状態変更の代わりにページを更新します
- 11. RecyclerView - プログラムで変更する代わりにマージンを変更するアニメーション
- 12. Jqueryで値を変更するとKnockoutJSプロパティが更新されない
- 13. 内部観測値が変更されたときに更新するKnockoutJS observableArray
- 14. URLをリダイレクトする代わりにURLを変更する
- 15. ビット列の更新の代わりに
- 16. Cakephp:更新の代わりにビューを挿入する
- 17. の代わりに_conflictsを作成または更新する
- 18. 更新TExtViewsの問題 - TimerTaskを拡張する代わりに
- 19. url転送グローバルリダイレクトの代わりにdivを更新する
- 20. PDO UPDATEクエリは更新する代わりに値を削除します
- 21. 変数に代入した後にテキストボックスの値を変更する
- 22. Django Rest Framework一括更新更新の代わりに挿入
- 23. サービスにデフォルト値の代わりに静的変数の更新された値を取得する方法
- 24. テキストボックスの値を変更するhtmlリンク
- 25. テキストボックスの値を変更するJavaScript
- 26. サブスクリプションをSubscribeToMoreで更新する代わりに配列
- 27. KnockoutJS:値をenumに変更するためのバインディングハンドラを作成
- 28. AngularJS $リソースオブジェクトを更新する代わりに新しいオブジェクトを作成する
- 29. ボタンの代わりに矢印キーのフォーカスを変更する
- 30. テキストボックスの変更に応じてフィールドを更新するjQuery
http://jsfiddle.net/uJCQq/4/があなたに魔法のように動作@KodeKreachorを、ありがとうここにお試しください! –
100%の更新を保証するものではないため、注意してください。コンテキストメニューを使用してペーストすると、これは機能しません。 –