Backbone.js: Select een model, Deselect de rest

[RonaldGJ]

Hallo beste mensen!

Is er hier iemand die een tip heeft voor het selecteren van 1 model, maar zodat de rest van de models weer ongeselecteerd worden?
Het is als het ware een menu. Zodra je op een menu-item klikt moet deze geselecteerd worden (model), maar het huidig geselecteerde menu-item moet worden gedeselecteerd. Daarbij moet in de view de class 'selected' meegegeven worden en weer weggehaald.

Iemand een idee of is het nog onduidelijk?

Ik hoor het graag en alvast bedankt.

Gr. Ronald!

 

[csshunter]

Hoi Ronald,
Het toevoegen/weghalen van een css-class zou op zich kunnen, maar kan je het niet rechtstreeks aanpakken?

Een onclick op alle links zetten naar een functie selectMe(1), selectMe(2), enz.

Daarmee alle modellen resetten door ze langs te lopen in een loopje, en de ene aanzetten:
[JS]function selectMe(n){
var mods=document.getElementById('menu').getElementsByTagName('a');
for (var i=1; i<=mods.length; i++){
if (i==n){
mods.style.background='green'; // voor de geselecteerde
}
else {
mods.style.background='white'; // voor de rest
}
}
}[/JS]

Met vriendelijke groet,
CSShunter

 

[RonaldGJ]

Hallo, csshunter.

Nee, dit is helaas niet de Backbone manier om het op te lossen . Ik heb ondertussen een manier gevonden dat werkt, maar ben altijd op zoek naar het beste en snelste. Dus als er nog mensen zijn met ideeën? Graag!

Toch bedankt!

Gr. Ronald!