sử dụng tay lái bindAttr cho hộp kiểm

Question

Tôi đang sử dụng tay lái trong ứng dụng đường ray backbone.js và tôi có trường Boolean Tôi đang điền bằng một hộp kiểm.

Khi tôi tải trang chỉnh sửa, hình thức được phổ biến với những nội dung từ máy chủ JSON cái gì đó như

 
{id:3,user:'test',checkbox:1} 

tại ở dạng tay lái của tôi, tôi muốn thể hiện rằng hộp kiểm là 1.

 
< input type="checkbox" name="checkbox" value="1" {{#if checkbox}} {{bindAttr checkbox checked="isSelected"}}{{/if}} > 

nhưng điều này không trả lại hộp kiểm đã chọn. Tôi thực sự muốn chỉ có thể nói if checkbox==1, nhưng tôi không thấy làm thế nào tôi có thể làm điều đó với tay lái.

Anysuggestions ??

Answer 1

Tôi đã kết thúc bằng cách sử dụng trình trợ giúp tay lái cho việc này.

Answer 2

Những gì bạn thường làm, đang sử dụng Boolean trong 'mô hình'.

{ 
    isChecked: true 
} 

và sau đó

<input type="checkbox" {{bindAttr checked="isChecked"}}> 

Nếu Boolean là đúng, nó sẽ làm cho checked bất động sản, và nếu Boolean là sai, nó sẽ bỏ qua bất động sản. Vì vậy, nếu isChecked là đúng, sau đó tay lái sẽ ra

<input type="checkbox" checked> 

và nếu isChecked là sai sự thật, chúng tôi sẽ nhận được

<input type="checkbox"> 

Đó là những gì chúng ta muốn!

Answer 3

Tôi cũng đã viết một trình trợ giúp để thực hiện việc này. Nó không sử dụng backbone.js, vì vậy có thể là một thay thế cho một số:

Handlebars.registerHelper('checked', function(currentValue) { 
    return currentValue == '1' ? ' checked="checked"' : ''; 
}); 

Cách sử dụng Ví dụ:

<input type="checkbox" name="cbxExample" id="cbxExample" {{checked cbxExample}}/> 

sẽ đánh dấu vào hộp kiểm nếu JSON đã cung cấp là:

{"cbxExample" : "1"} 

Kết quả bằng:

<input type="checkbox" name="cbxExample" id="cbxExample" checked="checked" /> 

[bài đăng đầu tiên của tôi - hy vọng điều đó hữu ích!]