체크 상자에 bindAttr을 사용합니다.

Question

나는 backbone.js 레일즈 앱에서 핸들 바를 사용하고 있으며 부울 필드를 가지고 있습니다. 확인란을 채우고 있습니다.

내가 편집 페이지를로드 할 때, 폼이 나의 핸들의 형태로 지금

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

같은 서버 JSON 뭔가의 내용으로 채워집니다, 나는 체크 박스가 있음을 보여주고 싶은 1

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

하지만 체크 된 체크 박스가 반환되지 않습니다. 나는 단지 if checkbox==1라고 말할 수 있기를 정말로 원하지만 핸들 바를 사용하여 어떻게 할 수 있는지 보지 못합니다.

Anysuggestions ??

Answer 1

나는 이것을 위해 핸들 바 헬퍼를 사용했다.

Answer 2

일반적으로 '모델'에서 부울을 사용하고 있습니다.

{ 
    isChecked: true 
} 

및 부울이 true 인 경우 다음

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

, 그것은 checked 속성을 렌더링하고, 부울이 false 인 경우,이 속성을 생략 할 것이다. isChecked이 참 그렇다면, 핸들 바는 출력

<input type="checkbox" checked> 

을 것 및 isChecked이 거짓 인 경우에, 우리는 우리가 원하는 것을 어느

<input type="checkbox"> 

을 얻을 것입니다!

Answer 3

또한이 작업을 수행하는 도우미를 썼습니다. 그것은 backbone.js를 사용하지 않기 때문에 일부의 대안이 될 수 있습니다

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

사용 예 : 제공된 JSON했다 경우 확인란을 선택겠습니까

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

:

{"cbxExample" : "1"} 

결과 :

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

[내 첫 게시물 - 도움이되기를 바랍니다.]