Discussion :

[narmataru]

Bonjour,

J'ai des filtre sur un tableau que je souhaite rendre avec les buttons-checkbox de bootstrap:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<form>
	<fieldset>
		<legend class="filters">Filtres</legend>
		<div id="filters-states" class="btn-group" data-toggle="buttons-checkbox">
			<button class="btn btn-primary btn-mini">En attente</button>
			<button class="btn btn-primary btn-mini">En cours</button>
			<button class="btn btn-primary btn-mini">Validée</button>
			<button class="btn btn-primary btn-mini">Annulée</button>
			<button class="btn btn-primary btn-mini">Refusée</button>
			<button class="btn btn-primary btn-mini">Incomplète</button>	  
		</div>
	</fieldset>
</form>

Je ne trouve pas comment récupérer l'état des bouton ni comment effectuer une action lorsqu'un deux change d'état. Le onclick() est appelé avant ce changement d'état.

Merci pour votre aide.

[NoSmoking]

Bonjour,
pourquoi ne pas traiter cela avec des CHECKBOX?

Je ne trouve pas comment récupérer l'état des bouton

les BUTTONs n'ont pas d'état mais peuvent agir sur le contenu d'un champ caché par exemple.

Attention les BUTTON sont de type submit dans une FORM.

[narmataru]

Je trouvais le rendu des boutons check box de bootstrap sympa. Lorsqu'ils sont enfoncé, ils possède la class 'active' qu'ils n'ont pas sinon.

[narmataru]

Voici lecomposant bouton/checkbox de bootstrap, peut être que ce sera plus clair :

http://twitter.github.com/bootstrap/...t.html#buttons

[narmataru]

Pour le moment je peux récupérer le libellé des boutons 'actifs' de cette manière :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
function filtersUpdated(){
	$( '#filters-states' ).find('button.btn.active' ).each(function(){
		alert('=> ' + this.innerHTML);
	});
}

Il me reste à appeler cette méthode, filtersUpdated(), à chaque fois que l'état d'un des bouton change. L'événement onclick fonctionne bien mais filtersUpdated() est appelé avant que le status change...