utilizzando il manubrio bindAttr per la casella di controllo

Question

Uso il manubrio in un'app di backbone.js e ho un campo booleano che sto compilando con una casella di controllo.

Quando carico la pagina di modifica, il modulo viene popolato con il contenuto dal server JSON qualcosa come

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

ora nella mia forma del manubrio, voglio dimostrare che la casella di controllo è 1.

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

ma questo non restituisce la casella di controllo selezionata. Mi piacerebbe davvero essere in grado di dire if checkbox==1, ma non vedo come posso farlo con i manubri.

Anysuggestions ??

Answer 1

Ho finito per utilizzare un aiutante manubrio per questo.

Answer 2

Cosa si farebbe di solito, si sta utilizzando un booleano nel 'modello'.

{ 
    isChecked: true 
} 

e poi

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

Se il booleano è vero, renderà la proprietà checked, e se la booleana è falso, sarebbe omettere la proprietà. Quindi, se isChecked è vero, allora Manubrio sarebbe uscita

<input type="checkbox" checked> 

e se isChecked erano falsi, otterremmo

<input type="checkbox"> 

che è quello che vogliamo!

Answer 3

Ho anche scritto un aiuto per farlo. Non usa backbone.js, quindi potrebbe essere un'alternativa per alcuni:

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

Esempio di utilizzo:

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

Sarebbe barrare una casella di controllo se la dotazione JSON era:

{"cbxExample" : "1"} 

Risultato:

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

[il mio primo post: spero che sia utile!]