usando el manillar bindAttr para la casilla de verificación

Question

Estoy utilizando manubrios en una aplicación de rieles backbone.js, y tengo un campo booleano que estoy rellenando con una casilla de verificación.

Cuando me carga la página de edición, el formulario se rellena con el contenido desde el servidor JSON algo así como

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

ahora en mi forma de manillar, quiero mostrar que la casilla de verificación es 1.

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

pero esto no devuelve la casilla marcada. Realmente me gustaría poder decir if checkbox==1, pero no veo cómo puedo hacerlo con manubrios.

Anysuggestions ??

Answer 1

Terminé usando un asistente de manillar para esto.

Answer 2

Lo que normalmente haría, es usar un booleano en el 'modelo'.

{ 
    isChecked: true 
} 

y luego

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

Si el booleana es verdadera, va a proporcionar la propiedad checked, y si el booleano es falso, se omitiría la propiedad. Así que si isChecked es cierto, entonces Manillar emitiría

<input type="checkbox" checked> 

y si isChecked eran falsas, nos darían

<input type="checkbox"> 

que es lo que queremos!

Answer 3

También escribí un ayudante para hacer esto. No utiliza Backbone.js, por lo que puede ser una alternativa para algunos:

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

Ejemplo de uso:

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

correría una casilla de verificación si el suministrado JSON fue:

{"cbxExample" : "1"} 

Como resultado:

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

[mi primera publicación - ¡espero que sea útil!]