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:
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> |