Làm cách nào để hiển thị danh sách chọn (thả xuống) cho thuộc tính Mô hình trong BackboneJS?

Question

Tôi đang cố gắng xây dựng một ứng dụng biên tập liên hệ đơn giản trong Backbone.js và tôi đã gặp phải một chút vấn đề mà tôi không biết cách giải quyết vì tôi chưa quen với Backbone.js.

Tôi có Mẫu Contact và mục đó có trường ProductLineID (mỗi Địa chỉ liên hệ có một Dòng sản phẩm được liên kết với). Trong việc hiển thị trình soạn thảo cho Liên hệ này, tôi muốn hiển thị một danh sách thả xuống với các tùy chọn ProductLine có thể và đặt nó vào giá trị hiện tại. Làm thế nào tôi sẽ làm điều đó trong Backbone.js?

Tôi biết làm thế nào để làm điều đó trong knockout.js với dữ liệu ràng buộc:

<select id="ProductLineID" name="ProductLineID" 
     data-bind="options: productLineOptions, 
     optionsValue: 'ID', 
     optionsText: 'Name', 
     value: ProductLineID, 
     optionsCaption: 'All'"> 
</select> 

Trong ví dụ này productLineOptions là một đối tượng JSON đã được cài đặt sẵn trên trang.

Điều đó sẽ thực hiện chính xác những gì tôi muốn, nhưng tôi không biết cách thực hiện tương đương trong Backbone.js.

Tôi có thể cung cấp thêm mã từ ví dụ thực tế của tôi, nhưng điều này có vẻ như nó là một ví dụ nhỏ và không yêu cầu mã cụ thể.

Answer 1

giống như sau sẽ làm việc nếu bạn sử dụng underscore templates:

<select id="ProductLineID" name="ProductLineID"> 
    <option value="">--select a product line--</option> 
    <% _(productLineOptions).each(function(pl) { %> 
     <option value="<%= pl.ID %>"><%= pl.Name %></option> 
    <% }); %> 
</select> 

Và sau đó bạn sẽ chỉ phải chắc chắn rằng bạn thông qua trong đối tượng productLineOptions vào bối cảnh của mẫu.

Answer 2

Backbone.js không thực hiện databinding ra khỏi hộp, như Knockout. Nó rời khỏi khía cạnh đó đối với nhà phát triển để làm tuy nhiên họ muốn. Cách cơ bản là thiết lập trình xử lý sự kiện để thay đổi.

Nếu bạn muốn làm kiểu dữ liệu loại trực tiếp, có một dự án có thể hỗ trợ những gì bạn cần.

https://github.com/derickbailey/backbone.modelbinding