Tôi khá mới mẻ với KnockoutJS và tôi yêu những gì tôi đã thấy cho đến nay. Hiện tại, khi một thuộc tính quan sát của Mô hình Xem được gắn với thuộc tính văn bản của hộp văn bản (kiểu đầu vào = văn bản), ViewModel chỉ được cập nhật trên sự kiện mờ của hộp văn bản. Có cách nào để cập nhật Mô hình Xem trên sự kiện thay đổi của hộp văn bản không? Tôi đã thử tạo trình xử lý ràng buộc tùy chỉnh trên đấu dây sự kiện thay đổi xử lý sự kiện thay đổi trên hộp văn bản trong "init", nhưng bằng cách nào đó nó không hoạt động. Có phải là điều này đúng để đạt được mục tiêu này không? Hoặc là có một cách dễ dàng hơn?KnockoutJS - Cập nhật ViewModel OnChange của giá trị hộp văn bản thay vì OnBlur Options
14
A
Trả lời
21
Bạn cũng có thể sử dụng một 'giá trị' ràng buộc và thêm thuộc tính ràng buộc valueUpdate
để xác định khi nào nên cập nhật kiểm soát của bạn:
Xem ở đây: 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
Trên đây là không hoạt động trong khi sao chép dán từ chuột để bạn cần phải vượt qua các sự kiện trong valueUpdate. như ..
<p>Your value: <input data-bind="value: someValue, valueUpdate:['afterkeydown','propertychange','input']" /></p>
Hãy thử đây http://jsfiddle.net/uJCQq/4/
+0
Cảm ơn, đã giúp tôi rất nhiều! – WhatsInAName
Các vấn đề liên quan
- 1. Cập nhật hộp văn bản khi nhập
- 2. Cách lấy Giá trị cũ với sự kiện onchange() trong hộp văn bản
- 3. Thuộc tính KnockoutJS không cập nhật khi thay đổi giá trị với Jquery
- 4. Tại sao bản cập nhật giá trị văn bản của nhãn C# của tôi không?
- 5. Hộp văn bản MVC2Đối với giá trị không cập nhật sau khi gửi?
- 6. Làm cách nào để cập nhật giá trị trong một hộp văn bản dựa trên giá trị được nhập trong một hộp văn bản khác?
- 7. Thay thế cho onblur/onchange trong lựa chọn
- 8. Sự kiện JS loại bỏ cho bất kỳ cập nhật bản cập nhật nào của viewmodel
- 9. Giá trị hộp văn bản ActiveX
- 10. Tôi làm cách nào để cập nhật giá trị của văn bản đầu vào qua ajax?
- 11. Gọi Javascript onchange sự kiện bởi programatically thay đổi giá trị textbox
- 12. Cập nhật giá trị của nhiều phím
- 13. JQuery truy xuất văn bản thay vì giá trị của danh sách lựa chọn
- 14. Đang cập nhật SlickGrid với Knockoutjs qua dependentObservable
- 15. Tại sao văn bản đầu vào bị ẩn của tôi: giá trị = "giá trị" thay vì đúng/sai?
- 16. hộp văn bản bị vô hiệu hóa asp.net mvc được cập nhật bởi javascript không đăng giá trị mới
- 17. C# cập nhật và chắp thêm giá trị hộp văn bản bằng cách sử dụng quy trình làm việc nền
- 18. Cách điền giá trị của Hộp văn bản dựa trên giá trị trong Hộp tổ hợp trong MS Access 2007?
- 19. ViewModel cập nhật mỗi giây?
- 20. kiện onchange không cháy, khi giá trị được thay đổi trong onkeyup kiện
- 21. Cập nhật giá trị printf trên cùng một dòng thay vì mới
- 22. hộp văn bản gwt thêm trình xử lý thay đổi
- 23. Truy cập danh sách Hộp văn bản
- 24. Đọc giá trị hộp văn bản ASP.NET với JavaScript
- 25. Văn bản nhãn không hiển thị, nhưng giá trị "văn bản" đang cập nhật (hiển thị trong bảng điều khiển)
- 26. Cập nhật tự động hiển thị trong knockoutjs
- 27. URL Querystring - Tìm, thay thế, thêm, cập nhật giá trị?
- 28. Nhận các giá trị đầu vào từ hộp văn bản
- 29. Cách nhận giá trị hộp văn bản trong ember.js
- 30. Bắt giá trị của đầu vào văn bản HTML
Cảm ơn bạn @KodeKreachor, hoạt động như một nét duyên dáng! –
Hãy cẩn thận vì điều này sẽ không đảm bảo cập nhật 100%, ví dụ: nếu người dùng dán bằng menu ngữ cảnh thì điều này sẽ không hoạt động. –