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

jQuery Discussion :

Comment supprimer la case à cocher vide dans le composant ui-multiselect


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Inscrit en
    Septembre 2013
    Messages
    34
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Septembre 2013
    Messages : 34
    Par défaut Comment supprimer la case à cocher vide dans le composant ui-multiselect
    Bonjour,

    Dans mon application j'utilise le composant de multi selection ui-multiselect. Lorsqu'il affiche la page il me sélectionne toujours une valeur par défaut, la première. Pour palier à cela j'ai ajouté dans mon s:select l'attribut emptyOption="true" sauf que du coup il me rajoute une case à cocher sans libellé qu'il sélectionne par defaut. Comment faire pour ne pas avoir cette case à cocher et que lorsqu'il m'affiche la page il ne me sélectionne aucune valeur par défaut. Vous trouverez ci-dessous ma JSP en exemple.

    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
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    <%@ taglib prefix="s" uri="/struts-tags"%>
    <%@ taglib uri="http://displaytag.sf.net/el" prefix="display"%>
    <%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
    <link rel="stylesheet"
    	href="<s:url value="/windowfiles/dhtmlwindow.css"/>" type="text/css" />
    <link rel="stylesheet"
    	href="<s:url value="/css/jquery.multiselect.css"/>" type="text/css" />
    <link rel="stylesheet"
    	href="<s:url value="/css/jquery.multiselect.filter.css"/>"
    	type="text/css" />
    <link rel="stylesheet"
    	href="<s:url value="/css/themes/base/jquery.ui.theme.css"/>"
    	type="text/css" />
    <div class="contentTable">
    	<script type="text/javascript"
    		src="<s:url value="/js/jquery-1.9.1.min.js" />"></script>
    	<script type="text/javascript"
    		src="<s:url value="/js/jquery-ui.min.js" />"></script>
    	<script type="text/javascript"
    		src="<s:url value="/js/jquery.multiselect.min.js" />"></script>
    	<script type="text/javascript"
    		src="<s:url value="/js/jquery.multiselect.filter.js" />"></script>
     
    	<s:form id="idFormulaire" action="doMyAction.do" name="myForm">
     
    		<div class="subTitle">
    			<s:text name="label" />
    		</div>
     
    		<div class="tbl">
    			<table width="100%">
    				<tr>
    					<td><label><s:text name="combo1.label"></s:text></label></td>
    					<td><s:select id="idCombo1" multiple="multiple"
    							list="listItems1" name="combo1Values"
    							value="%{combo1Values}" listKey="id" listValue="label"
    							emptyOption="true" /></td>
    				</tr>
    				<tr>
    					<td><label><s:text name="combo2.label"></s:text></label></td>
    					<td><s:select id="idCombo2" multiple="multiple"
    							list="listItems2" name="combo2Values"
    							value="%{combo2Values}" listKey="id" listValue="label" 
    							emptyOption="true"/></td>
    				</tr>
    			</table>
    		</div>
     
    		<div class="bloc_action">
    			<input class="btn_action" type="button"
    				onclick="javascript:export();"
    				value="<s:text name="common.export.label"/>" />
    		</div>
     
     
    	</s:form>
    	<script language="javascript">
    		$(function () {
     
    			$("select").multiselect({
    				multiple: true,
    				selectedList: 4,
    				height: 180
    			});
     
    			$("select").multiselect().multiselectfilter();
     
    		});
    	</script>

  2. #2
    Membre averti
    Homme Profil pro
    Inscrit en
    Septembre 2013
    Messages
    34
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Septembre 2013
    Messages : 34
    Par défaut
    J'ai trouvé la solution en modifiant l'attribut multiple du tag select et en ajoutant un intercepteur dans la stack permettant de gérer les valeurs multiple.

    Dans la JSP :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <s:select id="idCombo1" multiple="true" list="listItems1" name="combo1Values" value="%{combo1Values}" listKey="id" listValue="label" emptyOption="true" />
    Dans le struts.xml :

    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
    <interceptor-stack name="defaultStack">
    				<interceptor-ref name="exception" />
    				<interceptor-ref name="alias" />
    				<interceptor-ref name="servletConfig" />
    				<interceptor-ref name="i18n" />
    				<interceptor-ref name="chain" />
    				<interceptor-ref name="modelDriven" />
    				<interceptor-ref name="fileUpload">
    					<param name="maximumSize">11204928</param>
    				</interceptor-ref>
    				<interceptor-ref name="multiselect"/>
    				<interceptor-ref name="staticParams" />
    				<interceptor-ref name="conversionError" />
    				<interceptor-ref name="params" />
    				<interceptor-ref name="prepare" />
    				<interceptor-ref name="validation" />
    				<interceptor-ref name="workflow" />
    			</interceptor-stack>

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [QtGui] Comment intégrer une case à cocher dans une QTextDocument ?
    Par Triton972 dans le forum PyQt
    Réponses: 4
    Dernier message: 18/10/2013, 13h00
  2. [XL-2007] Comment supprimer les case vides d'une ligne?
    Par stephanech dans le forum Excel
    Réponses: 1
    Dernier message: 22/06/2010, 00h56
  3. Réponses: 2
    Dernier message: 31/03/2006, 16h48
  4. Comment ajouter des cases à cocher
    Par @yoyo dans le forum AWT/Swing
    Réponses: 6
    Dernier message: 23/03/2006, 10h16
  5. Réponses: 7
    Dernier message: 14/02/2006, 16h55

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