Có rất nhiều JavaScript MVC frameworks ngay bây giờ làm việc với Handlebars.js cung cấp ràng buộc dữ liệu giữa mô hình/bộ điều khiển và mẫu. Hiện tại tôi đang thực hiện Handlebars.js một mình (với jQuery) và cần phải ràng buộc dữ liệu giữa mã chính của tôi và mẫu để sau này được cập nhật tự động. Có cách nào để làm điều đó trong Handlebars hoặc với một plugin? Nếu không có, có thành phần nào trong các khung công tác MVC mang chức năng này và có thể được sử dụng độc lập mà không có khung công tác toàn khung không?Cách liên kết dữ liệu trên mẫu Handlebars.js để cập nhật giá trị tự động?
Trả lời
Hãy xem đinh tán: https://github.com/mikeric/rivets. Tôi sử dụng xương sống, tay lái và backbone.modelbinding cho bản cập nhật hai chiều. Hoạt động tuyệt vời.
Backbone.modelbinding (https://github.com/derickbailey/backbone.modelbinding) đã bị bỏ qua, nhưng đề cập đến đinh tán.
Dường như Rivets.js là những gì tôi đang tìm kiếm, mặc dù tôi không cần nó hiện tại vì tôi đang làm việc với AngularJS có tích hợp dữ liệu ràng buộc, nó là tốt để biết nó tồn tại. –
Tôi biết đó là một bài đăng cũ, nhưng nếu tôi đúng, tay lái không thể được sử dụng làm công cụ mẫu cho Rivets phải không? Theo cách tôi thấy, Rivets có trình phân tích cú pháp mẫu riêng. –
Bạn có thể giải thích cách sử dụng đinh tán với tay lái không? Họ không chỉ làm việc cùng nhau ra khỏi hộp như xa như tôi có thể nói. – styfle
Có vẻ như bạn chỉ muốn thử sử dụng Backbone view để hiển thị mẫu Handlebars của bạn và nghe các sự kiện jQuery trên các phần tử "bên trong" chế độ xem. Bạn có thể sử dụng khung nhìn Backbone mà không cần phải sử dụng Mô hình, Bộ sưu tập hoặc Bộ định tuyến của khung, nhưng bạn vẫn phải bao gồm thư viện Backbone đầy đủ (6.3kb, Đóng gói và gzipped) và Gạch dưới, có thể là vấn đề với bạn nếu kích thước là xem xét.
- 1. Cập nhật các liên kết trên đồ thị lực tác động từ dữ liệu json động
- 2. Dữ liệu động liên kết dữ liệu
- 3. Liên kết với DateTime.Now. Cập nhật giá trị
- 4. Nhận giá trị liên kết dữ liệu trong jquery
- 5. Tự động cập nhật dữ liệu biểu đồ trong D3
- 6. Cập nhật tự động
- 7. Làm cách nào để cập nhật giá trị ô của bảng dữ liệu?
- 8. Tự động cập nhật hộp tự động điền trong Android?
- 9. Cách cập nhật giá trị khóa ngoài trong cơ sở dữ liệu mysql
- 10. Tự động cập nhật cửa sổ Tkinter dựa trên dữ liệu nối tiếp
- 11. Làm cách nào để lọc dữ liệu biểu mẫu bằng mô hình liên kết tùy chỉnh
- 12. Tự động đặt thuộc tính CSS dựa trên giá trị mẫu
- 13. Danh sách thả xuống được liên kết với nguồn dữ liệu đối tượng - cách cập nhật trên một nút bấm
- 14. Cập nhật giá trị cơ sở dữ liệu hiện có từ bảng tính
- 15. Cập nhật dữ liệu VBO với glBufferSubData()
- 16. Matlab: Liên kết để thay đổi, không giá trị biến
- 17. Spring MVC - cách không mất giá trị trường khi liên kết với biểu mẫu một phần
- 18. ember, cập nhật giá trị biểu mẫu bằng cách sử dụng jquery
- 19. Cập nhật SQL trong bộ dữ liệu
- 20. Cập nhật dữ liệu hàng với một giá trị mới trên mỗi hàng bằng cách sử dụng trình thông thạo
- 21. Giá trị ID tăng tự động của dữ liệu tải lên dữ liệu MySQL
- 22. Giá trị DropDownList SelectedIndex không cập nhật trên AutoPostback
- 23. Cách liên kết dữ liệu .resizable(). Draggable()?
- 24. Có cách nào để tránh tự động cập nhật các trường dấu thời gian Rails không?
- 25. Làm cách nào để cập nhật dữ liệu trong indexedDB?
- 26. Làm cách nào để cập nhật giá trị mảng javascript?
- 27. Cách liên kết giá trị được chọn của một DropDownList
- 28. Cập nhật SQL để lật dấu của một giá trị?
- 29. cách tính giá trị ngang trên cơ sở dữ liệu?
- 30. Chèn cơ sở dữ liệu Wordpress() và cập nhật() - sử dụng giá trị NULL
Đây là trang đầu của Handlebars http://handlebarsjs.com/ – MilkyWayJoe
Tôi đã đọc nó, bạn có thể vui lòng chỉ nơi nó nói cách các mẫu tự động cập nhật khi giá trị thay đổi? –
Tôi xin lỗi. Tôi nghĩ rằng bạn đang hỏi làm thế nào để ràng buộc dữ liệu của bạn vào các mẫu của Handlebars. Bạn cần một cái gì đó để thêm các quan sát vào mã của bạn như khung MVC. Nếu bạn không muốn thực hiện khung công tác đầy đủ, hãy thử http://www.codeproject.com/Articles/13914/Observer-Design-Pattern-Using-JavaScript này, bạn có thể tạo riêng của mình bằng một mã rất nhỏ (không tốt) – MilkyWayJoe