IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JSF Java Discussion :

CSS Checkbox


Sujet :

JSF Java

  1. #1
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Mai 2011
    Messages
    790
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Tunisie

    Informations forums :
    Inscription : Mai 2011
    Messages : 790
    Par défaut CSS Checkbox
    Bonjour,

    Je voudrais savoir est-ce-qu'on peut changer le style des composants checkboxe en primefaces vers le radio box?(le border-radius surtout....)

    Je voudrais pas utiliser radio mais passer par les checkboxes

    Merci

  2. #2
    Expert éminent
    Avatar de tchize_
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Avril 2007
    Messages
    25 482
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 46
    Localisation : Belgique

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Avril 2007
    Messages : 25 482
    Par défaut
    Sans apporter la réponse, parce que je ne la connais pas, sais-tu à quel point c'est contre intuitif pour un utilisateur d'avoir devant lui un radio box qui se comporte comme une checkbox? Quand je vois un rond, je pense 'n'en sélectionner qu'un'. Quand je vois une checkbox, je pense 'en sélectionner autant que je veux'.

  3. #3
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Mai 2011
    Messages
    790
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Tunisie

    Informations forums :
    Inscription : Mai 2011
    Messages : 790
    Par défaut
    Oui je sais c'est pour cela je voudrais changer le style du checkboxes pour un besoin.

    Mon besoin c'est que je génère des radios box à partir de mon code. Exemple supposons que j'ai n rubrique et dans chaque rubrique il y a des radio box. après lorsque je clique sur le button je veux récupérer toutes les valeurs des radios box dans toutes les rubriques générés. Pour cela j'aurais besoin d'une liste et la liste ne fonctionne pas avec les radios. d'ou l'idée d'utiliser des chekboxes et changer un peu le style.

    Je construit mes rubriques et mes radios à partir de mon code.Si vous savez s'il vous plait comment changer le style merci pour votre aide !

  4. #4
    Expert éminent
    Avatar de tchize_
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Avril 2007
    Messages
    25 482
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 46
    Localisation : Belgique

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Avril 2007
    Messages : 25 482
    Par défaut
    je ne vois pas en quoi les checkbox vont résoudre ton problème. Certe, après ton bouton tu pourra avoir une liste. Mais avant ton bouton, tu va te retrouver avec des checkbox, arrondies pour ressembler à des radios, et où l'utilisateur pourra sélectionner plusieurs valeur avec qu'avec un radio on s'attends à ne pouvoir en sélectionner qu'un....



    Donc, si je comprend bien, tu as dans ton interface

    • une radio A, N valeurs possibles, on ne peux en choisir qu'un seule, mappée sur #bean.a
    • une radio B, N valeurs possibles, on ne peux en choisir qu'un seule, mappée sur #bean.b
    • une radio C, N valeurs possibles, on ne peux en choisir qu'un seule, mappée sur #bean.c



    et ton problème, sur une autre interface, tu veux avoir une liste comprenant [#bean.a,#bean.b,#bean.c] ?

    C'est dans ton bean que tu dois travailler, pas en css, pour créer la méthode d'agregation. Du genre

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    public List<String> getSelectedValuesFromRadios(){
         return Arrays.asList(getA(),getB(),getC());
    }

  5. #5
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Mai 2011
    Messages
    790
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Tunisie

    Informations forums :
    Inscription : Mai 2011
    Messages : 790
    Par défaut
    au fait même les radios sont dynamiques regardez s'il vous plait.Par exemple j'ai ceci

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    	for(int i = 0 ;i<2; i++){
     
    				HtmlSelectOneRadio type_menucheck = (HtmlSelectOneRadio) app.createComponent(HtmlSelectOneRadio.COMPONENT_TYPE);
     
    				compSetValue( type_menucheck, "#{mybacking.valeurradioboxcocher}" );   
     
    		    type_menucheck = (HtmlSelectOneRadio) app.createComponent(HtmlSelectOneRadio.COMPONENT_TYPE);
    		    UISelectItems selectItemss = (UISelectItems)app.createComponent(UISelectItems.COMPONENT_TYPE);
    		      List<SelectItem> optionss = new ArrayList<SelectItem>(); 
     
     
    		        for(int j=0;j<10;j++){
    		            optionss.add(new SelectItem(j, "valeur"+j));    
    		        }
     
    		        selectItemss.setValue(optionss);
    		        type_menucheck.getChildren().add(selectItemss);
    				grid.getChildren().add(type_menucheck);
     
    			}
    Ce code que je vient d'écrire et au moment ou j'ai exécuté ma page, je vais donc construire un premier bloc de radios(valeur0 vers 9) ensuite un deuxième bloc de radio (valeur 0 vers 9 ) et juste à la fin de la page il y a un button où je voudrais afficher les deux valeurs radios sélectionnés. et il y a ceci
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    compSetValue( type_menucheck, "#{mybacking.valeurradioboxcocher}" );
    c'est à dire la valeur que je veux sélectionner je vais la mettre dans cette variable.

    Mais moi j'ai plusieurs radios ici j'ai mi un exemple de i = 0; à i<2 mais dans d'autre cas ça peut etre 10 , 100. et donc dynamique.

  6. #6
    Expert éminent
    Avatar de tchize_
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Avril 2007
    Messages
    25 482
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 46
    Localisation : Belgique

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Avril 2007
    Messages : 25 482
    Par défaut
    C'est assez bizarre d'aller faire ça en code plutot que dans le JSF ces itération, mais soit. Le code que je t'ai mointré est un exemple. Rien ne t'empêche de mettre aussi un boucle dans le getter pour construire la liste de valeurs sélectionnées :/

  7. #7
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Mai 2011
    Messages
    790
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Tunisie

    Informations forums :
    Inscription : Mai 2011
    Messages : 790
    Par défaut
    Non si ça m’empêche parce que dans la boucle je suis entrain de construire la page et dans le button j'attends son clique pour que j'affecte ses valeurs dans la liste.Donc je pense que le cas du css me résoudra le problème je suis très conscient de ça.

    Donc le seule truc qui reste c'est le css du checkbox vers le radio et utiliser le traitement après.

    Est-ce-que vous pouvez m'aider s'il vous plait?

    Merci

Discussions similaires

  1. CSS 3 checkbox
    Par chtrousselle dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 14/12/2012, 11h03
  2. Syntaxe css pour class="checkbox-column hidden"
    Par nath-0-0 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 07/12/2012, 18h34
  3. desactiver checkbox en css
    Par Emcy dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 08/11/2007, 11h41
  4. checkbox avec autre style css
    Par liberty74 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 10/05/2007, 10h03
  5. espace entre les checkbox en css
    Par nebil dans le forum Mise en page CSS
    Réponses: 10
    Dernier message: 31/07/2006, 18h54

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo